css checkbox style for border color [duplicate]

Question

I have a check box in my table. this is css of that checkbox

input[type="checkbox"] {
    width: 20px;
    height: 30px;
    margin: auto;
    display: table-row;
    border: 5px solid red;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 4px;
    margin-top: 1px;
}

but it shows normal checkbox. I want to change the border color of that checkbox. but it doesn't work!!!

Answer 1

You can put only below css for checkbox border and see Fiddle Demo

CSS:

.error input[type=checkbox] {
  outline: 2px solid #c00;
}