Как изменить стиль рамки флажка в CSS?

Question

Как я могу изменить стиль рамки ввода (ввода)? Я положил border:1px solid #1e5180 на него, но в FireFox 3.5 ничего не происходит!

Answer 1

Вот простой способ (использовать до или после псевдоэлементов / классов):

input[type=checkbox] {
    position: relative;
}

input[type=checkbox]:after {
    position: absolute;
    top: 0;
    left: 0;
    /* Above three lines allow the checkbox:after position at checkbox's position */
    content: '';
    width: 32px;
    height: 32px;
    z-index: 1; /* This allows the after overlap the checkbox */
    /* Anything you want */
}

Answer 2

<div style="border-style: solid;width:13px"> 
   <input type="checkbox" name="mycheck" style="margin:0;padding:0;">
   </input> 
</div>

Answer 3

поместите его в div и добавьте границу в div