1@media screen and (-webkit-min-device-pixel-ratio:0) { /*safari and chrome*/
2 select {
3 height:30px;
4 line-height:30px;
5 background:#f4f4f4;
6 }
7}
8select::-moz-focus-inner { /*Remove button padding in Firefox */
9 border: 0;
10 padding: 0;
11}
12@-moz-document url-prefix() { /* targets Firefox only */
13 select {
14 padding: 15px 0!important;
15 }
16}
17@media screen\0 { /* IE Hacks: targets IE 8, 9 and 10 */
18 select {
19 height:30px;
20 line-height:30px;
21 }
22}
1NO. It's not possible to change height of a select dropdown because that property is browser specific.