zoukankan      html  css  js  c++  java
  • 重置input checked

    <!--
    作者:duke
    时间:2018-10-24
    描述: 重置input 样式
    -->

    <!DOCTYPE HTML>
    <html>

    <head>
    <meta charset="utf-8">
    <title>table</title>
    </head>
    <style>
    input[disabled='disabled'] {
    -webkit-appearance: none;
    padding: 0;
    margin: 0;
    border: 0;
    16px;
    height: 16px;
    padding: 10px 0;
    background: red;
    position: relative;
    margin-left: 300px;
    }

    input[disabled='disabled']:after {
    content: "";
    1px;
    height: 21px;
    position: absolute;
    background: #000;
    transform: rotateZ(41deg);
    left: 8px;
    top: 0;
    }

    input[disabled='disabled']:before {
    content: "";
    1px;
    height: 21px;
    position: absolute;
    background: #000;
    transform: rotateZ(-41deg);
    left: 8px;
    top: 0;
    }
    /*input:checked {

    -webkit-appearance: none;
    outline: none;
    padding: 0;
    margin: 0;
    border: 0;
    16px;
    height: 16px;
    padding: 10px 0;
    background: red;
    position: relative;

    }*/

    input:checked:after {
    content: "";
    position: absolute;
    left: 6px;
    3px;
    height: 11px;
    top: 3px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotateZ(41deg);
    }

    input[type='checkbox'] {
    -webkit-appearance: none;
    outline: none;
    padding: 0;
    margin: 0;
    border: 0;
    16px;
    height: 16px;
    padding: 10px 0;
    background: red;
    position: relative;
    }
    </style>

    <body>

    <input type="checkbox" disabled="disabled" />
    <input type="checkbox" />

    </body>

    </html>

  • 相关阅读:
    学习python -- 第018天 os模块
    学习python -- 第017天 文件读写
    重看算法 -- 动态规划 最大子段和问题
    重看算法 -- 递归与分治
    学习python -- 第016天 模块
    学习python -- 第016天 浅拷贝和深拷贝
    网络字节序、主机字节序(摘抄)
    C++/C常量
    结构化程序设计
    循环(高质量4.10)
  • 原文地址:https://www.cnblogs.com/duke-peng/p/9843357.html
Copyright © 2011-2022 走看看