SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Wizard dominique's Avatar
    Join Date
    Dec 2000
    Location
    orbis terrarum
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS and drop down boxes

    I have this CSS code:
    Code:
    .forms {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 13;
    	border: 1 solid #335588;
    	background-color: #ffffff;
    	scrollbar-3dlight-color : #eeeeee;
    	scrollbar-arrow-color : #000000;
    	scrollbar-base-color : #eeeeee;
    	scrollbar-darkshadow-color : #000000;
    	scrollbar-face-color : #eeeeee;
    	scrollbar-highlight-color : #000000;
    	scrollbar-shadow-color : #111111;
    	scrollbar-track-color : #555555;
    }
    It works with input fields, textareas and buttons, but I can't get it to work with drop down boxes. What do I need to change?

    Thank you!

  2. #2
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    By dropdown boxes you mean select FORM elements? Style the OPTION (each individual element) or the SELECT (the master FORM element).
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  3. #3
    SitePoint Wizard dominique's Avatar
    Join Date
    Dec 2000
    Location
    orbis terrarum
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, I meant the SELECT form elements. I just noticed that it works, just not entirely.

    The above code sets form elements to a white background, a verdana font and a blue 1px border.

    This is how it works:
    Code:
                     White     Verdana     Blue
                   Background    Font     Border
    Input Field        Y          Y         Y
    Text Area          Y          Y         Y
    Button             Y          Y         Y
    Select Box         Y          Y         N
    How can I set the SELECT form elements to have a 1px blue border like the other elements? BTW, I added class=forms to the SELECT statement and not the OPTION statements.

    Thank you!

  4. #4
    SitePoint Wizard Ian Glass's Avatar
    Join Date
    Oct 2001
    Location
    Beyond yonder
    Posts
    2,384
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't think you can. Browsers I don't think have implemented CSS borders on <select> elements, yet.

  5. #5
    SitePoint Wizard dominique's Avatar
    Join Date
    Dec 2000
    Location
    orbis terrarum
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm affraid you might be right...

  6. #6
    SitePoint Enthusiast
    Join Date
    Dec 2001
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    can you change the colour for the button with the arrow pointing down on the select FORM element?
    I've tried using the attribs you use for the scroll bar but its doesn't work.

  7. #7
    SitePoint Wizard dominique's Avatar
    Join Date
    Dec 2000
    Location
    orbis terrarum
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No, I don't think that works either with <select> statements yet.


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
  •