重写checkbox

 

 

<html>

<body>

<style>
input[type='checkbox']{
width: 14px;
height: 14px;
background-color: #fff;
appearance:none;
-webkit-appearance:none;
-o-appearance:none;
-moz-appearance:none;
border: 1px solid #FFAD01;
border-radius: 2px;
outline: none;
}
input[type=checkbox]:checked{
background: url("https://localhost/null/checkbox%20selected.svg")no-repeat center;
}

input[type=checkbox]:focus{
outline: none;
}
</style>
<input type="checkbox" class="selected" >
</body>
</html>

posted @   吃饭了吗  阅读(83)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决
点击右上角即可分享
微信分享提示