質問: chromeのcssカスタムスタイルボタンから青い枠線を削除する 私はwebページに取り組んでいます、そして私はカスタムスタイルの<button>タグが欲しいです。 cssを使って、border: noneと言いました。現在はサファリでは完璧に機能しますが、クロムでは、ボタンの1つをクリックすると、迷惑な青い枠が周囲に表示されます。 button:active { outline: none }またはbutton:focus { outline:none }はうまくいくと思いましたが、どちらもうまくいきませんでした。何か案は? これはクリックされる前の様子です(そしてクリックされた後でも見た目にしたいのですが)。これが私が話している国境です。これが私のcssです:button.launch { background-color: #f9a300; border: none; height: 40px; padding: 5px 15px; color: #ffffff; font-size: 16px; font-weight: 300; margin-top: 10px; margin-right: 10px; } button.launch:hover { cursor: pointer; background-color: #fabd44; } button.change { background-color: #f88f00; border: none; height: 40px; padding: 5px 15px; color: #ffffff; font-size: 16px; font-weight: 300; margin-top: 10px; margin-right: 10px; } button.change:hover { cursor: pointer; background-color: #f89900; } button:active { outline: none; border: none; }
回答: 私はブートストラップと同じ問題を抱えていた、私はアウトラインとボックスシャドウの両方で解決した.btn:focus, .btn.focus { outline: none!important; box-shadow: 0 0 0 0 rgba(0, 123, 255, 0)!importamt; // or none }