2016-03-23 12 views
2

クリックしたときにアクティブなタブをクリックしたタブの値に切り替える、自分のページにタブのセットがあります。これはうまく動作しますが、周りに大きな青いフォーカスボックスを持つ新しいアクティブなタブを見ると、私は口に酸っぱい味が残っています。これを防ぐための反抗的な方法はありますか?Reactはクリック時のフォーカスを防ぐ

メソッドの動作にpreventDefault()が付いているonMouseDown = {this.someMethod}ですか?

+0

なぜフォーカスを防止したいですか?あなたのサイトにアクセスしたくないですか?それが美学についてだけであれば、CSSを使ってスタイルを変えることができます。 –

+0

そのフォーカスのスタイルを変更したいのとほぼ同じです:/ –

答えて

1

ロジックは正しいですが、デザインが問題になっていますか?その場合、いくつかのCSSは正しいものにする必要があります。あなたはナビゲーションバーを持っている場合は

CSSは次のようなものでなければなりません:

.navbar-inverse .navbar-brand:focus { 
    background-color : red; //Just add the properties you want here 
} 

もしあなただけの右クリックし、ブラウザが正確にCSSタブにフォーカスを扱うかについて、あなたに伝える必要がある要素を検査します。

+0

navアイテムをクリックしたときに(Chrome上で)青色の境界線を許可しないようにしたいと思いました。スペーシングのために、navアイテムは互いに隣り合っていて、フォーカス「border」は他のnavアイテムにブリードします –

+0

その場合、フォーカスを扱うcssを追加します。 – Theo

+0

@FredChapman: 'outline:none'を設定します。 –

0

これは転記されたthisで、私は間違った場所で尋ねていました。

関連する問題