Preciso estilizar o texto que há dentro do select
, como deixar centralizado, colocar margens. Estou colocando o nome da classe mais option
e colocando o que desejo, porém não está funcionando. Fiz assim:
HTML
<h3 class="imobBoxTipoTitulo">Tipo</h3>
<div>
<select class="imobBoxTipo">
<option>Todos</option>
<option>Teste1</option>
<option>Teste2</option>
</select>
</div>
<div class="clear"></div>
<div class="imobValor">
<div class="imobValorEsq">
<h3 class="imobBoxTipoTitulo">Valor</h3>
<select class="imobBoxTipo imobBoxTipoValor">
<option>De</option>
<option>Teste1</option>
<option>Teste2</option>
</select>
</div>
<div class="imobValorDir">
<select class="imobBoxTipo imobBoxTipo">
<option>Até</option>
<option>Teste1</option>
<option>Teste2</option>
</select>
</div>
</div>
CSS
.imobBoxTipoTitulo{font-family: "Trebuchet MS", Helvetica, sans-serif;font-size: 9px;font-weight: bold;color:#b8b8b8;text-transform: uppercase;}
.imobBoxTipo{
width: 220px;
float: left;
height: 34px;
overflow: hidden;
background: url(../images/arrow.jpg) no-repeat right #ddd;
border: 1px solid #ccc;
}
.imobBoxTipo select{
width: 260px;
margin-left: 16px;
background-color: #f2f2f2;
height: 38px;
line-height: 38px;
font-family: "Trebuchet MS", Helvetica, sans-serif!important;
color: #515151;
font-size: 12px;
background: transparent;
}
.imobBoxTipoValor{width: 110px;}