美文网首页
2020-04-16-改变input框checked样式

2020-04-16-改变input框checked样式

作者: EvangelineY | 来源:发表于2020-04-16 14:23 被阅读0次

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>改变input框checked样式</title>

</head>

<style>

label input{display: none;}

label input + span{

    width: 20px;

    height: 20px;

    display: block;

    background: gray;

}

label input:checked + span{

    background: blue;

}

</style>

<body>

<label for='item'>

    <input type="checkbox" id="item" />

    <span></span>

</label>

</body>

</html>

相关文章

网友评论

      本文标题:2020-04-16-改变input框checked样式

      本文链接:https://www.haomeiwen.com/subject/pfmrvhtx.html