zoukankan      html  css  js  c++  java
  • 默认css修改

    input--------------------------------------------------
    .input-item input{
    100%;
    height: 60px;
    border-radius: 10px;
    box-shadow:0px 8px 32px 0 rgba(132,148,194,0.28) ;
    border: 0;
    padding:0 20px;
    border: 2px solid transparent;

    }
    .input-item input[type=text]:focus, input[type=password]:focus {
    border: 2px solid #1A33D5;
    }
    .input-item input{outline:none}
    .login-sotr label{
    color: #666;
    font-size: 12px;
    }
    单选--------------------------------------------------
    input[type="radio"]{
    appearance: none;
    -webkit-appearance: none;
    16px;
    height: 16px;
    position: relative;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    box-sizing: border-box;
    padding: 3px;
    z-index: 5;
    }
    input[type="radio"]:before{
    content: '';
    16px;
    height: 16px;
    position: absolute;
    left: -2px;
    top:-2px;
    border: 1px solid rgba(191,191,191,1);
    border-radius: 50%;
    box-sizing: border-box !important;
    z-index: 0;
    }
    input[type="radio"]:active{
    outline: none;
    }
    input[type="radio"]:checked{
    outline: none;
    background: #1FB4FE;
    border-radius: 50%;
    background-clip:content-box;
    border: 2px solid #1FB4FE;
    }
    多选--------------------------------------------------
    input[type="checkbox"]:focus{
    outline: none;
    }

    input[type="checkbox"]{
    16px;
    height: 16px;
    margin: 0;
    position: relative;
    }
    input:before{
    content: '';
    16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: -1px;
    border-radius: 3px;
    border: 1px solid #eee;
    box-sizing: border-box;
    }
    input[type="checkbox"]{
    appearance:none;
    -webkit-appearance:none;
    outline: none;
    }
    input[type="checkbox"]:checked{
    appearance:none;
    -webkit-appearance:none;
    background:url('../static/img/sure.png') no-repeat;
    outline: none;
    border-radius: 3px;
    }
  • 相关阅读:
    文学、哲学段子
    文学、哲学段子
    js技术要点---JS 获取网页源代码
    泛型类,泛型方法,泛型委托的定义方法
    数组元素的逆序数
    stm32 ARM中的RO、RW和ZI DATA
    poj 3040 Allowance 贪心
    schedule()函数的调用时机(周期性调度)
    以JTextPanel为例Swing的鼠标事件详解
    实习生面试总结
  • 原文地址:https://www.cnblogs.com/dianzan/p/8905729.html
Copyright © 2011-2022 走看看