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;
    }
  • 相关阅读:
    vs 编译加速
    leetcode 1405
    sort 从大到小从小到大
    leetcode1404
    leetcode 1406
    leetcode 1556
    杭电研究生自动登录联网脚本
    Cannot mix incompatible Qt library (version ) with this library (version ) 解决方案
    目标检测算法优化技巧
    特征工程和模型融合--机器学习--思维导图和笔记
  • 原文地址:https://www.cnblogs.com/dianzan/p/8905729.html
Copyright © 2011-2022 走看看