zoukankan      html  css  js  c++  java
  • h5 编辑单选框的样式

    radio单选框样式设置

    input[type=radio] {

        display: inline-block;

        vertical-align: middle;

        20px;

        height: 20px;

        -webkit-appearance: none;

        background-color: transparent;

        border: 0;

        outline: 0 !important;

        line-height: 20px;

        color: #d8d8d8;

    }

    input[type=radio]:after {

        content: "";

        display:block;

        20px;

        height: 20px;

        border-radius: 50%;

        text-align: center;

        line-height: 14px;

        font-size: 16px;

        color: #fff;

        border: 3px solid #ddd;

        background-color: #fff;

        box-sizing:border-box;

    }

    input[type=radio]:checked:after {

        content: "L";

        transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);

        -webkit-transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);

        border-color: #099414;

        background-color: #099414;

    }

    菜鸟任小
  • 相关阅读:
    Masonry
    数据解析
    UIImage 两种初始化的区别
    GCD
    数据处理之文件读写
    关注即时通讯
    跳转appStore评分
    iOS 9 Safari广告拦截插件
    Cocoapods的安装以及使用
    iOS中Block的基础用法
  • 原文地址:https://www.cnblogs.com/xiaozhang666/p/11402169.html
Copyright © 2011-2022 走看看