边框颜色的css复选框样式 [英] css checkbox style for border color

问题描述

我的桌子上有一个复选框。
这是该复选框的CSS

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

推荐答案

您只能在css下方放置复选框边框，并查看小提琴演示

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

CSS：

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

这篇关于边框颜色的css复选框样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！