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


Moderador: web

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

Círculo cinza que imita um input radio checado ou não

16-10-2014 15:14

Nesse post vou mostrar como usar uma class CSS para simular um input radio. A class usa o border-radius para arredondar uma div, simulando um input radio.

Aplicando uma class, é possível adicionar uma cor de fundo, para simular que elemento está checado ou não.

<style> .radio { border: 1px solid #AAAAAA; border-radius: 50%; display: inline-block; height: 8px; margin: 4px 5px 4px 5px; width: 8px; } .c {background-color:#AAAAAA;} </style>


<div class="radio"></div> <div class="radio c"></div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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