i see that chrome puts a thicker border on :focus. but it kind of look off in my case where i use border-radius also. is there anyway to remove that?
Yes, outline:none as Pekka says or outline:0. Normally I have a css base file, I recommend it to you
joanballester
2010-05-31 12:44:27
+4
A:
You should be able to remove it using
outline: none
but keep in mind this is potentially bad for usability: It will be hard to tell whether an element is focused, which can suck when you walk through all a form's elements using the Tab key - you should reflect somehow when an element is focused.
Pekka
2010-05-31 12:41:37
i did change the `background-color` and `color` properties/attributes (whatever u call it) on `:focus` so i guess its still ok
jiewmeng
2010-05-31 13:09:05
Yep. Globally setting `outline: none` like some resets do is a mistake as it degrades keyboard accessibility, but it's fine to remove `outline` if you've got another cleart way of reflecting focusedness.
bobince
2010-05-31 13:23:13
A:
you could just set outline: none; and border to a different color on focus.
asawilliams
2010-07-24 01:12:43