Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boas,
Estou com um pequeno problema ao colocar o meu Select "bonito" ele aparece com as bordas um pouco deformadas.. nos inputs aparece direitinho =\
Tem aqui uma print screen [http://awesomescreenshot.com/0bf4a5883](http://awesomescreenshot.com/0bf4a5883) se repararem o select tem as bordas deformadas, o que posso fazer para resolver esse pequeno problema?
Eu tenho o seguinte css:
label { font-weight: bold; }
.required label:before,
.required .label:before,
label.required:before,
.label.required:before { color: red; content: "* "; }
fieldset legend {
border:1px solid #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 1px 1px 0px #999;
-webkit-box-shadow: 1px 1px 0px #999;
box-shadow: 1px 1px 0px #999;
background:#fbfbfb;
background: -moz-linear-gradient(top,#fbfbfb,#f5f5f5);
background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f5f5f5));
padding:5px 20px;
text-transform:uppercase;
font-size:11px;
}
select { border:0; background: none; }
input, select {
padding:6px 10px;
background:#eee;
color:#888;
border-width:1px;
border-style:solid;
border-color:#d9d9d9 #eaeaea white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size:11px;
margin-right:15px;
}
select option {
padding:6px 10px;
}
input.sf {
width:180px;
}
input.mf {
width:270px;
}
input.lf {
width:360px;
}
input[type="radio"], input[type="checkbox"] {
margin-right:5px;
font-size:10px;
}
.validate_success { color:#739F1D; }
.validate_error { color:red; }
fieldset p {
}
input[type="checkbox"] + label {
display: block;
height: 16px;
}
p label {
display:inline-block;
width:150px;
font-size:11px;
vertical-align:middle;
}
label.fix {
position:relative;
top:-7px;
}
.field_desc {
color:#bbb;
font-style:italic;
}
HTML:
<p>
<label class="required" for="nome">Nome:</label>
<input type="text" id="nome" name="nome" value="{{$nome}}" class="mf"/>
<span class="field_desc">Field description</span>
</p>
<p>
<label class="required" for="pais">País:</label>
<select name="pais" id="pais">
{{foreach $paises as $p}}
<option{{if $pais == $p.id}} selected="selected"{{/if}} value="{{$p.id}}">{{$p.nome}}</option>
{{/foreach}}
</select>
</p>Carregando comentários...