美文网首页
移除浏览器input背景

移除浏览器input背景

作者: 奋斗的小小小兔子 | 来源:发表于2018-07-17 18:01 被阅读10次

    删除 浏览器自带input输入框会有黄色背景,以及删除处于焦点的输入框border

    .input-value {
          border: 0;
          height: 60px;
          width: 150px;
          -webkit-box-shadow: 0 0 0 1000px white inset;
    
          &:focus {
            outline: none !important;
            border: none;
            box-shadow: white;
          }
        }
    
    // 去掉按钮点击时外边框
    button:focus {
        outline:0;
    }
    

    相关文章

      网友评论

          本文标题:移除浏览器input背景

          本文链接:https://www.haomeiwen.com/subject/wbugpftx.html