vue中checkbox修改为圆形样式

时间:2025-04-02 17:18:11
.layers-item-selector { outline: none; width: 16px; height: 16px; background-color: #ffffff; border: solid 0px #cccccc; -webkit-border-radius: 50%; border-radius: 50%; font-size: 0.8rem; margin: 0; padding: 0; cursor:pointer; appearance:none; -webkit-appearance: none; -webkit-user-select: none; user-select: none; } /*直接用图片代替选中的样子,如果不需要,可设置背景色*/ .layers-item-selector:checked { /* background: #0242c6; */ background: url("../../assets/images/checkbox_checked.png") no-repeat; background-size: 100% 100%; }