SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Feb 2002
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS border effects on <select>?

    I've got a series of text input boxes and a couple of select boxes that I'm trying apply border effects to. The text boxes work fine, but the select lists won't display the border. They inherit the background and font color settings though. Here's the code I'm using. Is there anyway to do this?
    Code:
    .formField {
    background-color: #333333;
    border-bottom:#FFCC00 1px solid;
    border-left:#FFCC00 1px solid;
    border-right:#FFCC00 1px solid;
    border-top:#FFCC00 1px solid;
    padding-bottom: 1px; 
    padding-left: 2px; 
    padding-right: 2px; 
    padding-top: 1px;
    color: #99CCFF;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 8pt;
    font-weight: bold;
    }

  2. #2
    Posts rarely lloydi's Avatar
    Join Date
    Jan 2002
    Location
    Swindon UK
    Posts
    620
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Been there

    done that

    given up

    Not possible, to my knowledge. Not sure why (probably some daft technical reason).

    Strangely enough, if you look at Sitepoint search, you'll see just that effect - the select has 3d borders, the text inputs have flat black.
    Build Your Own Web Site the Right Way!
    A beginners' HTML/CSS book with web standards at its heart
    The Ultimate HTML Reference
    A complete reference, in glorious hardback

  3. #3
    SitePoint Wizard
    Join Date
    Oct 2001
    Location
    Tucson, Arizona
    Posts
    1,858
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The look of menus like that are controlled by the OS for the most part.


Bookmarks

Posting Permissions

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