CSS for drop down menu in search box

Discussion in 'CSS' started by Karolwf, Dec 3, 2015.

  1. #1
    I have wesite with multiple categories (databases). I need drop down menu in search box.

    Here is form:
    <form action='/searchredir.php' method='GET'>
    <input type='text' name='q' />
    <select name='site'>
    <option value='all'>All</option>
    <option value='1'>Category 1</option>
    <option value='2'>Category 2</option>
    <option value='3'>Category 3</option>
    </select>
    <input type='submit' value='Search' />
    </form>

    I'm looking for search box like on Target.com , walmart.com or amazon.com.

    Can somebody take a look?
    Thank you in advance.
     
    Karolwf, Dec 3, 2015 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    You seem to have one, so what's your question? Or do you want to try and STYLE it? If so...

    DON'T! The only way to custom style one is to replace it with scripttardery, and that pisses on accessibility.

    Well, not the only way, you could turn it into a group of radio buttons instead of a select, using CSS to style it that way... you'd hide the selects and use label's with FOR attributes to show it.

    What exactly are you trying to do?
     
    deathshadow, Dec 3, 2015 IP
  3. Karolwf

    Karolwf Active Member

    Messages:
    112
    Likes Received:
    24
    Best Answers:
    1
    Trophy Points:
    70
    #3
    Karolwf, Dec 3, 2015 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #4
    Could you explain in more detail, maybe in ENGLISH? You really aren't saying anything meaningful... is there a question in there? Something you want done?
     
    deathshadow, Dec 3, 2015 IP
  5. Karolwf

    Karolwf Active Member

    Messages:
    112
    Likes Received:
    24
    Best Answers:
    1
    Trophy Points:
    70
    #5
    Karolwf, Dec 3, 2015 IP