I need help creating a custom checkbox in HTML using CSS. It works fine in IE, but in Google Chrome, it's displaying the default checkbox instead of my custom one.
What changes do I need to make for it to work in Chrome?
HTML
<link href="btn.css" rel="stylesheet" type="text/css" />
</head>
<body>
<input type="checkbox" class="check" />
</body>
CSS
.check {
width:81px;
height:78px;
border: 3px ridge;
border-color:red;
border-style:outset;
font:Verdana, Geneva, sans-serif;
font-style:italic;
font-size:16px;
font-weight:bold;
color:red;
}