资讯专栏INFORMATION COLUMN

css自定义复选框样式

TIGERB / 1505人阅读

摘要:效果图如下代码如下经济类型通风方式允许最大采深米供电方式冲击地压质量标准化等级型号煤层自燃倾向性水文地质类型矿井正常涌水量主要灾害类型分裂煤矿类型瓦斯等级运输方式样式如下

效果图如下:

代码如下:
    
+
经济类型
通风方式
允许最大采深(米)
供电方式
冲击地压
质量标准化等级
型号
煤层自燃倾向性
水文地质类型
矿井正常涌水量(m/h)
主要灾害类型分裂
煤矿类型
瓦斯等级
运输方式
css样式如下:
    .more-options label{
        background-color: transparent;
        border-radius: 50%;
        border:1px solid #ccc;
        width:20px;
        height:20px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        line-height: 20px;
        margin-right:5px;
    }
    .more-options input:checked + label{
        background-color: transparent;
    }
    .more-options input:checked + label:after{
        content:"2714";
        color: #FBA919;
    }

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/113325.html

相关文章

  • css定义选框样式

    摘要:效果图如下代码如下经济类型通风方式允许最大采深米供电方式冲击地压质量标准化等级型号煤层自燃倾向性水文地质类型矿井正常涌水量主要灾害类型分裂煤矿类型瓦斯等级运输方式样式如下 效果图如下: showImg(https://segmentfault.com/img/bVbaURv?w=298&h=444); 代码如下: + ...

    objc94 评论0 收藏0
  • css定义选框样式

    摘要:效果图如下代码如下经济类型通风方式允许最大采深米供电方式冲击地压质量标准化等级型号煤层自燃倾向性水文地质类型矿井正常涌水量主要灾害类型分裂煤矿类型瓦斯等级运输方式样式如下 效果图如下: showImg(https://segmentfault.com/img/bVbaURv?w=298&h=444); 代码如下: + ...

    vspiders 评论0 收藏0
  • css定义选框样式

    摘要:效果图如下代码如下经济类型通风方式允许最大采深米供电方式冲击地压质量标准化等级型号煤层自燃倾向性水文地质类型矿井正常涌水量主要灾害类型分裂煤矿类型瓦斯等级运输方式样式如下 效果图如下: showImg(https://segmentfault.com/img/bVbaURv?w=298&h=444); 代码如下: + ...

    buildupchao 评论0 收藏0
  • CSS魔法堂:改变单选框颜色就这么吹毛求疵!

    摘要:前言是否曾经被业务提出能改改这个单选框的颜色吧让它和主题颜色搭配一下吧,然后苦于原生不支持换颜色,最后被迫自己手撸一个凑合使用。设置为的样式行为特征单选框的行为特征,明显就是选中与否,及选中状态的改变事件,因此我们必须保持对外提供事件。 前言  是否曾经被业务提出能改改这个单选框的颜色吧!让它和主题颜色搭配一下吧!,然后苦于原生不支持换颜色,最后被迫自己手撸一个凑合使用。若抛开inpu...

    freecode 评论0 收藏0
  • 使用CSS3实现input多选框定义样式

    摘要:原理首先把元素隐藏掉,然后用设置元素其他元素也可以的样式,选中时的样式使用选中,无须使用图片和效果预览代码男女代码清楚默认样式让层级高于,使之能选中这里显示矩形的一半边框再旋转度来实现对勾样式 原理:首先把input元素隐藏掉,然后用CSS设置label元素(其他元素也可以)的样式,选中时的样式使用input:check+label选中label,无须使用图片和JS 效果预览showI...

    daryl 评论0 收藏0

发表评论

0条评论

TIGERB

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<