谷歌浏览器上的CSS文本框边框

Question

我想只保留文本框的底部边框。这是我的css-

    input[type="text"],input[type="password"] {          
        border:0px;
        border-bottom:1px solid black;
    }

    input[type="text"]:focus, input[type="password"]:focus {    
         border-bottom:2px solid green;                          
    }

这是它的外观-

在铬上-

在火狐上-

在 chrome 上，文本框在获得焦点时会得到一个轮廓。有什么办法可以去掉吗？

Answer 1

input[type="text"]:focus, input[type="password"]:focus {    
       outline:none;
     border-bottom:2px solid green;                          
}

你缺少大纲：没有。