Forums

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

Home Forums CSS how to change default styling for select list

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #162560
    kajal jha
    Participant

    how to change the default style for list while i am trying to give the border and border-radius property for select list and their options but it only works for select not for the option.

    #162564
    Paulie_D
    Member

    It’s kind of hard as these are rendered differently by different browsers as they are more browser / OS objects than standard HTML elements.

    The most appropriate way is to replace the standard objects using JS/JQ.

    However, see: https://css-tricks.com/dropdown-default-styling/

    #162579
    Chromawoods
    Participant

    I like the “Clickthrough” technique (no.5) described in the link that Paulie_D recommended. It allows full styling of the select (excluding options) and lets the native select options appear on click/touch, which is nice for touch devices.

    #162650
    kajal jha
    Participant

    i want different background and style for options of select but none of the css property is working for option any solution please.

    #162662
    Paulie_D
    Member

    Did you not read the article I linked?

    #162665
    kajal jha
    Participant

    yes i read that but not found the solution.

    #162672
    Paulie_D
    Member

    yes i read that but not found the solution.

    Show us what you have tried.

    As I said…

    It’s kind of hard as these are rendered differently by different browsers as they are more browser / OS objects than standard HTML elements.

    The most appropriate way is to replace the standard objects using JS/JQ.

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