改变input tpye 属性radio css 样式！！！-白红宇

改变input tpye 属性radio css 样式！！！

阅读量：6934 次

发布时间：2019-06-27

本文共 742 字，大约阅读时间需要 2 分钟。

// html部分 
       
        
      
    
 //css

.Report_for_right{
    float: right;   position: relative;   input{
      z-index: 100;   }   input[type="radio"] {
      /*width: 40px;*/     // 这里把默认的圆点透明度设置为0，并且把 label 标签的层级设置成高于默认的radio层级     opacity: 0;     z-index: 100!important;     height: 20px;   }   label {
      position: absolute;     right: 10px;     top:12px;     border: 1px solid #ddd;     width: 15px;     height: 15px;     text-align: center;     // 点击显示成绿色部分，其实是radio的部分，只不过对radio进行了透明处理而已。     z-index:1;     /**/     border-radius: 50px;     color: #333;   }   input:checked+label {
      background-color: #ff6160;     border-radius: 50px;     color: white;   } } 注释：如有错误！请留言

转载于:https://www.cnblogs.com/Liu-yz/p/10820280.html

你可能感兴趣的文章