Css改变checkbox的样式

最新推荐文章于 2024-08-08 18:05:14 发布

xiaoqiu_net

最新推荐文章于 2024-08-08 18:05:14 发布

阅读量1.2w

点赞数 2

分类专栏： Web

本文链接：https://blog.csdn.net/q646926099/article/details/72877145

版权

本文介绍如何使用CSS来改变复选框checkbox的样式，包括文字与对勾的颜色，详细阐述了HTML代码结构及其应用。

摘要由CSDN通过智能技术生成

一个复选框：

带文字的：

复选框的颜色，和对勾的颜色都是可以更改的。

html代码结构：

<span><input type="checkbox" id="questionNo" οnchange="toggleQuestionNo()"><label for="questionNo"></label></span>

css代码：

 /*#region checkbox样式 */

    span {
        position: relative;
        display: block;
        /*margin: 20px 100px;*/
    }

        span input {
            display: none;
        }

        span label { /*label标签用于Click事件和我们要定义的复选框的方框样式。*/
            padding-left: 25px;
            cursor: pointer;
            position: absolute;
            height: 25px;
            t