css textbox border on google chrome

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で

firefox-

で

クローム

で

AT-どのように見えるかです、テキストボックスは、フォーカスを取得したときにアウトラインを取得します。それを削除する方法はありますか？

Answer 1

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

アウトラインがありません。