Definir borda em input radio

Aqui você verá artigos sobre CSS

Moderador: web

responder a dúvida

Definir borda em input radio

Mensagem por web Offline » Dom Ago 12, 2007 10:26 am


Um dos problemas que o webmaster encontra quando vai usar o input radio é a borda, quando usamos um CSS definindo o estilo de todos os inputs:
input {border:1px solid #cccccc;}

Isso acaba afetando o input radio também, e como ele é um círculo, fica um aspecto ruím.

Esse CSS resolve o problema ( IE e FF )
No exemplo, vou passar um CSS que define uma borda e cor de fundo para todos os inputs, mas, sem afetar o input radio.
Código: Selecionar todos
<style type="text/css">
input{
border:1px solid #cccccc;
background-color:#f5f5f5;
}
input[type="radio"] {
border: 0px solid #ffffff;
background-color:#f5f5f5;
}
input {
border-width: expression(this.type=="radio"?'0px':'1px');
background-color: expression(this.type=="radio"?'#ffffff':'#f5f5f5');
}
</style>
<input type="text">
<input type="radio" name="" value="">



detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12425
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

responder a dúvida

Voltar para Artigos sobre CSS

Quem está online

Usuários navegando neste fórum: Google [Bot] e 1 visitante