Geek Answers Handbook

Disable browser login box effects?

Well, I'm trying to get rid of all these little things that browsers do to enter fields (for example, focus borders and what not).

input[type="text"] { font:bold 10px/12px verdana,arial,serif; padding: 20px; border-radius: 15px; } input[type="text"]:focus { outline: none!important; }

The code above does not work. I also tried editing the input via path 2.1 (

 input.text { /*stuffhere*/}; input.text:focus{ outline: none; }

) This did not work. Does anyone have any ideas?

+4
source share
2 answers

I am at a loss; you seem to be doing it right. A border for a normally visible border and an outline for a focal thing.

Look at this fiddle and see if it works as expected. If this is the case (as for me), this could lead to a CSS conflict in your case. A dangerous and powerful tool is important, but it still does not guarantee.

http://jsfiddle.net/LQppm/1/

 input[type="text"] {border: none} input[type="text"]:focus {outline: none}
+3
source

may be outline: 0!important; will work?

0
source

More articles: