Icontem

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: 2 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;
}