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;

    }

    菜鸟任小
  • 相关阅读:
    四则运算测试脚本运行情况
    AAA
    (2015秋) 软工作业成绩公布(12月26号更新)
    判断闰年的Java算法
    B
    A
    Where Amazing Happens
    安利一发资料站
    C
    B
  • 原文地址:https://www.cnblogs.com/xiaozhang666/p/11402169.html
Copyright © 2011-2022 走看看