削除または改善する：ブートストラップカルーセルのフォーカススタイル？

Question

私はブートストラップ付きカルーセルをしましたが、 "：focus"はうまく動作しません。このbootplyで

ルック：あなたはシェブロン「次へ」をクリックするとhttp://www.bootply.com/iGyjdSSrhC

はそれが（ホーバーとして）「白」のままになります。これは、：hoverと同じフォーカススタイルです。

私は変更しようとしました：非推移と焦点は同じを置くために、それはホバーに変わらない後...

を、私は、ボタン自体を「リセット」し、それを考えていないと思います常に集中している。どうすれば変更できますか？

Answer 1

要素はホバーで変更されますが、フォーカスを変更した場合は変更されません。フォーカス：以前のスタイルを上書きし、フォーカス+ホバーにスタイルを追加する必要があるためです。私は本当に初期のブートストラップCSSを触れたくないhttps://jsfiddle.net/IA7medd/81ggxbo3/

Answer 2

ブートストラップクラスは次のとおりです。

制御-左

ために同じことを行うと、そのように設定します：

は

.carousel-control.right { 
    right: 0; 
    left: auto; 
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); 
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); 
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5))); 
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); 
    background-repeat: repeat-x; 
} 

だけ

編集bootstrap.cssにラインbackground-imageを削除

.carousel-control.right:hover { 
background-color: red; 
    } 

たとえば...