Checkbox Em Fundo Colorido, Fica Com Borda Branca

[.Andreia.]

Pessoal,

eu já tentei aplicar CSS mas não teve jeito não, alguém sabe o que fazer??

Vejam como fica o checkbox na página:

imagem

código que o gera:

<input type="checkbox" value="1" name="deleta">

vlws

[Lex]

Olá,

você não está usando nenhum estilo para inputs? O checkbox não deixa de ser um input, então se você estiver usando algum css para os campos text, esse estilo pode estar pegando o checkbox..

Se tiver como você postar o código que está usando nesse print.. ficaria melhor para ajuda-la...

Veja o exemplo do que estou falando..

<style>
body { background: #0ff; }
</style>


<input type="checkbox" style="background:#fff" value="1" name="deleta">

[.Andreia.]

Oi Lex,

não estou usando nenhum CSS nele, veja que no código que passei ele está padrão.

Tentei o exemplo que passou mas não mudou nada

[Lex]

O que você postou, foi apenas o campo input.. você pode aplicar um css fora dele por isso perguntei..

O que eu postei não mudou mesmo, veja que eu deixei o campo com um fundo branco (background).. foi só para mostrar que, se você estiver usando algum estilo para os campos inputs, o checkbox também vai entrar na lista dos campos..

Veja assim

<style>
body { background: #0ff; }
</style>

<input type="checkbox" value="1" name="deleta">

Assim ele vai funcionar, porque eu não coloquei nenhum estilo no campo..

[.Andreia.]

Não funcionou Lex, mas entendi o que você me disse.

Fui olhar no meu arquivo CSS e tinha:

input {
background-color: white;
border-width : 2px;
font-size: 11px; 
color: #000000; 
font-weight: normal;
font-family: Verdana, Arial, Helvetica;}

daí só foi tirar o background:

input {
border-width : 2px;
font-size: 11px; 
color: #000000; 
font-weight: normal;
font-family: Verdana, Arial, Helvetica;}

e fuuuncionou certinho... obrigada

[Lex]

É, era isso que eu estava falando, você deixou um estilo para todos os inputs.. e como o checkbox também é um input, ele ficou com o estilo..