• 默认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;
    }
  • 相关阅读:
    编程实现SQL Server备份和还原
    [推荐]asp.net string与color互换
    ASP.NET执行SQL超时的解决方案
    Starling 环形进度条实现
    [转]列举好游戏应具备的10个要素
    基于Starling的mask实现
    一直以来最头痛的问题:怎么样才能行之有效的解决游戏中后期枯燥的问题呢?求解
    [转]战棋系统的分析
    [转] java开源游戏
    设计模式(基础篇)软件设计七大设计原则(续一)
  • 原文地址:https://www.cnblogs.com/dianzan/p/8905729.html
Copyright © 2020-2023  润新知