css复选框边框颜色 |%3cli %3e css 图片

input[type="checkbox"] {
/* 默认的未选中状态 */
border: 1px solid #ccc;
}
input[type="checkbox"]:hover {
/* 鼠标悬停时的边框颜色 */
border-color: #666;
}
input[type="checkbox"]:checked {
/* 选中状态的边框颜色 */
border-color: #007bff;
}
input[type="checkbox"]:disabled {
/* 不可选状态的边框颜色 */
border-color: #c6c8ca;
}
input[type="checkbox"]:checked:disabled {
/* 选中且不可选状态的边框颜色 */
border-color: #8a959e;
}

以上代码分别设置了复选框的未选中状态、鼠标悬停时的边框颜色、选中状态的边框颜色、不可选状态的边框颜色以及选中且不可选状态的边框颜色。

在实际开发中，可以根据需要进行修改，设置自己喜欢的颜色。同时，也可以使用其他的样式属性，比如背景颜色、边框样式等来进行美化。