プレースホルダーを使用するhtml5テキストボックスの四隅を丸める

Question

こんにちは、私はhtml5プレースホルダーを使用するログインフォームを作成しています。

<form name="login" id="LoginForm" action="#" method="post"> 
    <input type="text" placeholder="Username" name="username"/> 
    <br/><br/> 
    <input type="password" placeholder="Password" name="password"/> 
    <br/><br/> 
    <input type="submit" name="submit" value="Login"/> 
</form> 

私はcss3 border-radius：6px;も使用しました。しかし、私がontをクリックすると、コーナーが丸みを帯びているにもかかわらず、テキストボックスの周りのハイライトにはまだ角があります。誰もが回避策を知っていますか？

Answer 1

あなたはoutline

input { 
    outline: 0; 
} 

を非表示にすることができますしかし、これは非常に重要なアクセシビリティ機能であるので、焦点に代替スタイルを提供するために、良い習慣です（例えばなどのテキストの色を変更する、それをバックグラウンドを与える）