You are here

Home » API reference » Select with Style 7

Plain Jane - blue.css in Select with Style 7 

/*
 * Note: your browser may not support the markup you had in mind for your
 * option lists. Firefox is generally good. In Chrome and Safari colours tend
 * to work, but font styles are often ignored.
 */
.option-parent {
  font-weight: bolder;
  color: grey;
  background-color: lightblue !important;
}
.option-child {
  font-weight: normal;
  color: grey !important;
  background-color: white;
}
select.with-style option[selected="selected"] {
  font-style: italic;
}

File

select_with_style/css/Plain Jane - blue.css
View source 
  1. 

  2. /*

  3.  * Note: your browser may not support the markup you had in mind for your

  4.  * option lists. Firefox is generally good. In Chrome and Safari colours tend

  5.  * to work, but font styles are often ignored.

  6.  */

  7. .option-parent {

  8.   font-weight: bolder;

  9.   color: grey;

  10.   background-color: lightblue !important;

  11. }

  12. .option-child {

  13.   font-weight: normal;

  14.   color: grey !important;

  15.   background-color: white;

  16. }

  17. select.with-style option[selected="selected"] {

  18.   font-style: italic;

  19. }

  20.