title: How to know which CSS style is applied and from where (javascript)?
body: <p>I have an input element which is having some CSS applied by (I guess), a javascript function. How could I know which style is being applied (so that I can change/remove it) and from which funciton?</p>
  
  <p>You can see my example here: <a href="http://impresionados.net/" rel="nofollow">http://impresionados.net/</a></p>
  
  <p>When you click on the big search bar, its border becomes yellow and I don't know what is causing that nor how. I have tried adding the :focus pseudo class to that element in my CSS file, but it just adds to the yellow border overlapping it, it doesn't remove it.
  If I set the border to 0 on :focus, it doesn't take effect as you can see.</p>
  
  <p>So how could I know which style is being applied and which code is applying it?</p>
  
  <p>Thanks!</p>