I made some Select
and within them there Options
.
I tried to stylize the Option, but I'm not getting it, am I doing something wrong?
HTML:
<div class="imobSelect">
<select>
<option>Todos</option>
<option>teste1</option>
<option>teste2</option>
</select>
</div>
CSS:
.imobSelect select {
font-family: "Trebuchet MS", Helvetica, sans-serif;
background: transparent;
width: 233px;
color: #474747;
padding: 8px 5px 5px 5px;
font-size: 12px;
line-height: 1;
border: 0;
border-radius: 0;
height: 34px;
-webkit-appearance: none;}
.imobSelect option {
height: 30px;
border: 1px solid #cbcbcb;
padding-left: 17px;
padding-top: 12px;}
.imobSelect {
width: 207px;
height: 34px;
overflow: hidden;
background: url(../images/arrow.jpg) no-repeat right #f0f0f0;
border-radius: 3px;}
Where am I going wrong?