CSS and form elements
I have a form located at:
The submit and reset button at the bottom should have a gray border around them. However, the buttons, once clicked, have a black border. The black border remains even when the page is refreshed. It seems that whatever button is the last one clicked, turns black. How do I turn this off?
Also, I cannot figure out why there is the 3d border around the option box. I added the same CSS there, but it's not looking like the others.
This is my CSS code:
STYLE="color: #000000; font-family: arial; font-size: 11px; background-color: #ffffff; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; color: #000000; border-bottom: #cccccc 1px solid;"
Thank you for your help!
Doesn't happen in Firefox.
It's still happening in my browser- I use IE 6.0
For getting rid of the black thing after you've clicked a button, just adding onFocus="this.blur()" to the button should do the trick.
It'll annoy the hell out of anyone that doesn't have a mouse, but if you're only testing in IE then I'm guessing you really won't be bothered by that.
<input type="submit" onFocus="this.blur()" value="Pity the mouseless" />
What about the fact that the drop down box still has the shadowing? I can't figure out why that would have it and the other form elements do not, as I used the same CSS for all elements.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)