How do I remove checkbox border?

Question

Is it possible to remove the borders around a checkbox so that it appears invisible? I have it placed in a DIV with a color background.

Answer 1

As this is the first result for me when searching for "remove checkbox border" in Google, let me mention that checkbox default styling could be removed in all browsers except IE with the appearance property:

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

Answer 2

input[type="checkbox"] {
    width: 25px;
    height: 25px;
    background: gray;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    position: relative;
    left: -5px;
    top: -5px;
    cursor: pointer;
}