www.webdeveloper.com
Results 1 to 5 of 5

Thread: CSS and form elements

  1. #1
    Join Date
    Jan 2004
    Location
    Switzerland
    Posts
    154

    CSS and form elements

    I have a form located at:
    www.hybrid-design.net/quote_copy.html

    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!

  2. #2
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    Doesn't happen in Firefox.

  3. #3
    Join Date
    Jan 2004
    Location
    Switzerland
    Posts
    154
    It's still happening in my browser- I use IE 6.0

  4. #4
    Join Date
    Mar 2004
    Posts
    3,081
    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.

    Like:
    Code:
    <input type="submit" onFocus="this.blur()" value="Pity the mouseless" />
    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.
    I'm thuper, thanks for asking.

    It lives! http://www.stephenphilbin.com/ (Well it kinda' does anyway).
    My portable colour selection tool

  5. #5
    Join Date
    Jan 2004
    Location
    Switzerland
    Posts
    154
    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.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles