如何自定义checkbox的选项?

依依雨柔
  • 233

clipboard.png

这个怎样做到能定义选项?

回复
阅读 2.2k
3 个回答

你可以自己写一个checkbox,或者将默认样式隐藏掉,用自己写到样式替换

如果是想要编辑checkboxlabel值,那么可以提供点思路给你:
可以用一个divcheckbox的文字包起来,然后用dom操作来更改label的值。如何触发dom操作呢?形式有很多种,比方说你可以加一个button,点击触发;或者直接在文字的dom节点上添加一个点击事件,点击后触发。

咕咕gu
  • 252
---html

<input  id="checkbox" type="checkbox" />
<label for="checkbox">
    <span></span>
    <span>苹果</span>
</label>

----css

    input{
        display: none;
    }
    
    label span{
        display: inline-block;
    }
    label span:first-child{
        width: 10px;
        height: 10px;
        background-color:#000;
    }
    input:checked +label>span:first-child{
        background-color:red;
    }

label{
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏