#1
  1. Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2002
    Location
    Ohio
    Posts
    7
    Rep Power
    0

    Unhappy Problem with CSS and dropdown list


    I have a page which uses CSS in which I put a 1px border around everything to give it a non 3d look. Anyway, I cannot get the dropdown boxes to look like the rest of the fields. Here is the url:

    http://test.riegel-online.net/contact/contactus.php

    Here is the code I have in the CSS file:

    Code:
    input {
    	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	border: 1px solid black;
    }
    
    textarea {
    	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	border: 1px solid black;
    }
    
    select {
    	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	border: 1px solid black;
    }
    It seems at though the "border: 1px solid black;" is not working for the dropdowns (SELECT). What am I doing wrong?

    Randy
  2. #2
  3. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,268
    Rep Power
    1956
    Most browsers use the OS widget for the select box, rather than creating it themselves. Opera seems to use its own widget and puts a black border around the dropdown. You might try some tests in Opera to verify the behavior.

    cheers,

    gary
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.
  4. #3
  5. No Profile Picture
    Still learning...
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Location
    Cheshire, UK
    Posts
    58
    Rep Power
    12
    I know its a bit late on to reply.. but anyway...

    IE; CSS styles for dropdowns wont render on IE.. IE wont change fonts in there either.... only colours
    ... shamone! ...

    -

    Welcome to DevShed!

    How to post questions | MySQL Website | PHP Website | Always lewk before posting

IMN logo majestic logo threadwatch logo seochat tools logo