你的当前位置: checkbox变圆型

F

checkbox变圆型

  • 发布时间: 2019-12-24 13:10:33
<input name="checkbox" value="Item 1" type="checkbox" class="tui-checkbox ">


.tui-checkbox:checked {background:#1673ff}.tui-checkbox {width:25px;height:25px;background-color:#ffffff;border:solid 1px #dddddd;-webkit-border-radius:50%;border-radius:50%;font-size:0.8rem;margin:0;padding:0;position:relative;display:inline-block;vertical-align:top;cursor:default;-webkit-appearance:none;-webkit-user-select:none;user-select:none;-webkit-transition:background-color ease 0.1s;transition:background-color ease 0.1s;}.tui-checkbox:checked::after {content:'';top:5px;left:5px;position:absolute;background:transparent;border:#fff solid 2px;border-top:none;border-right:none;height:6px;width:10px;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}




留言
0/360
加载更多…

备案/许可证编号: 豫ICP备18034271号