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?
You should be able to remove it using
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.