selectOneChoice Skinning Key Demo

af|selectOneChoice {background-color:pink}

af|selectOneChoice::access-key {color: aqua;}

af|selectOneChoice::content {background-color:red}

af|selectOneChoice::label {color:red}

af|selectOneChoice::compact-content {border: 2px solid blue} [1]

af|selectOneChoice::compact-dropdown {border: 1px solid green} [1]

af|selectOneChoice::compact-dropdown-icon-style {background-image: url('/afr/scrollDown_n.png')} [1]

af|selectOneChoice::dropdown-panel {background-color: pink} [1] [2]

af|selectOneChoice::item {color: red} [1] [2]

af|selectOneChoice::separator {border-bottom:1px solid #97FF93} [1] [2]

af|selectOneChoice:read-only {background-color:yellow}

af|selectOneChoice:read-only::content {background-color:purple}

af|selectOneChoice:read-only::label {color:blue}

af|selectOneChoice:disabled {background-color:#00C000}

af|selectOneChoice:disabled::content {background-color:#00C0C0}

af|selectOneChoice:disabled::label {color:#0000C0}

af|selectOneChoice::dynamic-help-icon-style {background-color: red}

af|selectOneChoice::dynamic-help-icon-style:hover {background-color: green}

af|selectOneChoice::dynamic-help-icon-style:active {background-color: blue}

Tag Guide