Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17547
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Definir borda em input radio

12-08-2007 09:26

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.
<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="">

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado