zoukankan      html  css  js  c++  java
  • css 能改变input type radio和checkbox 圆圈或方框的大小

    把input隐藏,外面套label,再里面加个span,样式写在span上,让label覆盖在span上面,js去改active的class

    <label for="remember" class="text-muted"><span class="circle-btn"></span><input type="radio" id="remember" style="display:none;" />记住密码</label>
    label {
        -webkit-user-select: none;
    }
    .circle-btn {
        width: 18px;
        height: 18px;
        border-radius: 100%;
        border: 1px solid #808080;
        transition: all 0.4s;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        display: inline-block;
        vertical-align: middle;
        margin: -4px 3px 0 0;
    }
    .circle-btn.active {
        border-width: 5px;
        border-color: #1dace8;
    }
  • 相关阅读:
    线程
    进程2
    进程
    socketserver
    黏包
    初始网络编程
    模块
    super
    mro c3算法
    日志固定格式
  • 原文地址:https://www.cnblogs.com/xiaoshen666/p/10767310.html
Copyright © 2011-2022 走看看