[code]select::-ms-expand {
display: none;
}
.asp_select_label:after {
content: ‘>’;
font: 28px "Consolas", monospace;
color: #999;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
right: 14px;
/*Adjust for position however you want*/
top: 5px;
padding: 0 0 2px;
border-bottom: none;
/*left line */
position: absolute;
pointer-events: none;
}
.asp_select_label select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* Add some styling */
display: block;
width: 100%;
max-width: 320px;
height: 50px;
float: right;
margin: 5px 0px;
padding: 0px 24px;
font-size: 16px;
line-height: 1.75;
color: #333;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
-ms-word-break: normal;
word-break: normal;
}[/code]
This will change the arround on the select drop downs you can adjust the colors and the font and site.
it is easier to use a symbol over font awesome