megwoo
6/24/2015 - 5:15 AM

CSS Dropdown Styles

#element select {
	border: none !important;
	color: #000;
	cursor: pointer;
	background: #fff url(../images/dropdown-down.png) no-repeat right center;
	text-transform: uppercase;
	font-size: 12px;
	-webkit-appearance: none; 
	-moz-appearance: none;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	font-weight: normal;
	padding: 10px;
	text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: ""; 
}

#element select::-ms-expand { 
	display: none; 
}

input:focus, select:focus, textarea:focus {
	outline-color: blue;
}
select:-moz-focusring {
    color: #CCC;
    color: rgba(0,0,0,0);
    text-shadow: 0 0 0 #CCC;
}