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

    Join Date
    Feb 2003
    Location
    Belfast
    Posts
    2
    Rep Power
    0

    Drop Down Menu with CSS


    Recently I have been trying to tidy up my web application that I have developed in work. It consist of a lot of forms. I have recently changed the input boxes to nice tidy simple boxes using the following:

    <INPUT style="border:1px solid COLOR;background-Color:white;" type="text" id="comp" name="comp" size="8" maxLength="8" value="">

    I think they look great, but the drop down menus now dont match as they still look like normal drop down menus. I have tried applying the same code to a <select> field, but to no avail. Is there a way, using CSS to make the drop down menus look mor eslick and tidy?
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed God 1st Plane (5500 - 5999 posts)

    Join Date
    Oct 2000
    Location
    Back in the real world.
    Posts
    5,966
    Rep Power
    190
    no. at least not for all browsers.
  4. #3
  5. No Profile Picture
    Senior Citizen
    Devshed Regular (2000 - 2499 posts)

    Join Date
    Jan 2001
    Location
    leftcoast
    Posts
    2,019
    Rep Power
    16
    http://www.outfront.net/tutorials_02...unkyforms1.htm

    http://webdesign.about.com/library/weekly/aa052801a.htm

    Select lists, being system widgets, are only partially styleable (forget about the arrow, border e.g.).
  6. #4
  7. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2003
    Location
    Belfast
    Posts
    2
    Rep Power
    0
    Ach well, thanks anyway!
  8. #5
  9. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2003
    Posts
    1
    Rep Power
    0
    I am running into the same problem... but I am writing an application for IE users, due to some odd reason i cannot use javascript to create the pull down menus becuase of the database that is creating the entries dynamically... if there an IE based way of elminating the groove and also to make the box with the arrow in it a 2d piece?

IMN logo majestic logo threadwatch logo seochat tools logo