...

View Full Version : Removing Mozilla borders from inputs



davkaplan
02-22-2008, 10:57 AM
I am trying to remove the dotted 'border' that mozilla adds to clicked input buttons as per the screenshot:

http://www.hostdump.com/images/2515moz border.JPG

Is there any way to do this with css? I have tried -moz-outline-style:none; but to no avail!

rangana
02-22-2008, 11:04 AM
Have you given border:0; a try?..

abduraooft
02-22-2008, 11:23 AM
input:focus,input:active{
outline:none
} ??

davkaplan
02-22-2008, 12:35 PM
Hi thanks for the above.

I've tried both and still no luck :(

VIPStephan
02-22-2008, 12:39 PM
Yeah, thatís called outline and you can style it as abduraooft showed. This is also what appears around regular links when they are clicked.
Note, however, that removing it bears accessibility issues as people navigating with keyboard (or other devices without pointing device) will not see where they are clickig on.

davkaplan
02-22-2008, 12:44 PM
I still can't seem to get rid of this outline! HELP!!

abduraooft
02-22-2008, 01:11 PM
Are you using input or button ? show us some code, rather than screen shot.

effpeetee
02-22-2008, 01:20 PM
I still can't seem to get rid of this outline! HELP!!

http://exitfegs.co.uk/Sources.html

I have just tried this in FireFox. It does not show any borders.
Am I mis-understanding you?

Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum