边框颜色的CSS复选框样式

Question

我的表中有一个复选框。这是那个复选框的 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;
}

但它显示正常的复选框。我想更改该复选框的边框颜色。但它不起作用！

原文由 chamzz.dot 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您只能在 CSS 下方放置复选框边框并查看 Fiddle Demo

CSS：

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

原文由 Jainam 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我猜 HTML 不允许为复选框添加边框样式。尝试改用大纲属性。

原文由 poushy 发布，翻译遵循 CC BY-SA 3.0 许可协议