Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS select hover background change

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #242527
    Edison Lazar
    Participant

    how to change select tag hover default background color

    #242538
    Senff
    Participant

    Any chance you can give us a little more information about what you need? Show us an example maybe, or what you have tried so far?

    #242541
    Edison Lazar
    Participant

    is this possible to style hover select option

    option:hover{background-color:#000;}

    #242542
    Edison Lazar
    Participant

    not works for me

    #242555
    rkieru
    Participant

    Support for modifying <select> is pretty poor. There are ways to change the highlight color in Firefox, by adding a box-shadow to the CSS for option:hover but this is browser-specific.

    Unfortunately your best option is probably replacing the <select> box entirely via some pseudo-construct, if it is essential to you that you override the browser defaults.

    #242559
    I.m.learning
    Participant

    You could set the hover to a div by giving it a unique ID, why not just add an ID to the desired element?

    divID:hover {
    background-color: xxxx;
    }

    #242587
    Edison Lazar
    Participant

    thank you all

    #250178
    niketan
    Participant

    try this

    select:hover {
    color: #444645;
    background: #ddd;
    }

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.