File: jQuery.CustomSelect.css

Recommend this page to a friend!
  Classes of Martin Barker   jQuery Custom Select   jQuery.CustomSelect.css   Download  
File: jQuery.CustomSelect.css
Role: Auxiliary data
Content type: text/plain
Description: Style sheet
Class: jQuery Custom Select
Create select inputs that can be styled
Author: By
Last change:
Date: 7 years ago
Size: 1,134 bytes
 

Contents

Class file image Download
.CustomSelect-Dropdown { display: inline-block; max-height: 1.1em; overflow: hidden; border: 1px solid #BBB; border-radius: 1px; transition: max-height 0.25s ease-in; position:absolute; min-width:80px; } .CustomSelect-Dropdown:before { content: "\25BC"; margin-left: auto; float: right; margin-top: 3px; font-size: 0.8em; } .CustomSelect-Dropdown.Open { max-height: 30em; } .CustomSelect-Dropdown .CustomSelect-Option { padding-left:5px; } .CustomSelect-Dropdown.Open .CustomSelect-Option { padding-right: 12px; } .CustomSelect-Dropdown.Open .CustomSelect-Option.Selected { background-color: blue; color: white; } .CustomSelect-Dropdown.Open .CustomSelect-Option:hover { background-color: blue; color: white; } .CustomSelect-Option.Temp { position: absolute; top: 0; right: 0; left: 0; } .CustomSelect-Option.Temp:before { content: "\25BC"; margin-left: auto; float: right; margin-top: 3px; font-size: 0.8em; } .CustomerSelect-Container { margin-top: 0em; }