@@ -4,7 +4,7 @@ jQuery Selectric is a jQuery plugin designed to help at stylizing and manipulati
4
4
5
5
* Keyboard navigation (Up/Down/Left/Right/Word search)
6
6
* Easily customizable
7
- * Pretty lightweight (3KB minified and 1,7KB minified/gzip)
7
+ * Pretty lightweight (3,5KB minified and less than 2KB minified/gzip)
8
8
* Options box always stay visible
9
9
* Doesn't rely on external libraries (besides jQuery)
10
10
* Word search works with western latin characters set (e.g.: á, ñ, ç...)
@@ -45,13 +45,14 @@ Put styles in your CSS and change it to your taste :D
45
45
.selectricTempShow { position : absolute !important ; visibility : hidden !important ; display : block !important ; }
46
46
47
47
/* Items box */
48
+ .selectricItems { display : none ; position : absolute ; overflow : auto ; top : 100% ; left : 0 ; background : #F9F9F9 ; border : 1px solid #CCC ; z-index : 9998 ; box-shadow : 0 0 10px -6px ; /* margin: -1px 0; */ }
48
49
.selectricItems ul ,
49
50
.selectricItems li { list-style : none ; padding : 0 ; margin : 0 ; min-height : 20px ; line-height : 20px ; font-size : 12px ; }
50
- .selectricItems { display : none ; position : absolute ; overflow : auto ; top : 100% ; left : 0 ; background : #F9F9F9 ; border : 1px solid #CCC ; z-index : 9998 ; box-shadow : 0 0 10px -6px ; }
51
51
.selectricOpen .selectricItems { display : block ; }
52
52
.selectricItems li { padding : 5px ; cursor : pointer ; display : block ; border-bottom : 1px solid #EEE ; color : #666 ; border-top : 1px solid #FFF ; }
53
53
.selectricItems li .selected { background : #EFEFEF ; color : #444 ; border-top-color : #E0E0E0 ; }
54
54
.selectricItems li :hover { background : #F0F0F0 ; color : #444 ; }
55
+ .selectricItems li .disabled { background : #F5F5F5 ; color : #BBB ; border-top-color : #FAFAFA ; }
55
56
```
56
57
57
58
Initialize ** jQuery Selectric:**
@@ -121,6 +122,12 @@ $(function(){
121
122
<td>Boolean</td>
122
123
<td>Open select box on hover, instead of click</td>
123
124
</tr>
125
+ <tr>
126
+ <td>expandToItemText</td>
127
+ <td>false</td>
128
+ <td>Boolean</td>
129
+ <td>Expand options box past wrapper</td>
130
+ </tr>
124
131
</table >
125
132
126
133
##Public methods:
0 commit comments