css checkbox style for border color

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!!!