无任何js的样式勾选框,纯css
无任何js的样式勾选框,纯css
史文帝 发表于1年前
无任何js的样式勾选框,纯css
  • 发表于 1年前
  • 阅读 48
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】买域名送云解析+SSL证书+建站!>>>   

<html>

<head>
    <meta charset="utf-8">
    <title>chec</title>

    <style>
        span {
            position: relative;
        }
        .input_check {
            position: absolute;
            visibility: hidden;
        }
        .input_check+label {
            display: inline-block;
            width: 16px;
            height: 16px;
            border: 1px solid #fd8845;
        }
        .input_check:checked+label:after {
            content: "";
            position: absolute;
            left: 2px;
            bottom: 12px;
            width: 9px;
            height: 4px;
            border: 2px solid #fd8845;
            border-top-color: transparent;
            border-right-color: transparent;
            -ms-transform: rotate(-60deg);
            -moz-transform: rotate(-60deg);
            -webkit-transform: rotate(-60deg);
            transform: rotate(-45deg);
        }
    </style>
</head>

<body>

    <span><input type="checkbox"class="input_check" id="check3"><label for="check3"></label></span>


</body>

</html>

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 1
博文 23
码字总数 8566
×
史文帝
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: