Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.4k views
in Technique[技术] by (71.8m points)

css - Remove light blue border when input is onclick

Input when on click How to remove the light blue border in chrome.Since I already added the outline: none and border shallow :none in my code, but the inner part of the input border is showing the light blue border.

  .form-field input[type ="text"]{
        box-sizing: border-box;
        padding 15px 40px;
        color: #999;
        border: 1px solid #e1e1e1;
        overflow:hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.9 em;
        text-decoration: none;
        line-height:normal;
        max-height: 3em;
        width:300px;
        height:200px;
        text-align:left;
        padding-left:30px;
        border-radius: 25px;
        
        
    }

.form-field input[type ="text"]:focus{
        outline:none;
        box-shadow:none; 
       
    }

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)
等待大神解答

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...