2016-03-23 22 views
2

Sayfanın üzerinde, tıklatıldığında, etkin sekmeyi tıklatılan sekmenin değerine geçiren bir sekme kümesi var. Bu yüzücü bir şekilde çalışıyor, ancak etrafında büyük bir mavi odaklama kutusuna sahip yeni aktif sekmeye baktığımda ağzımda ekşi bir tat bırakıyorum. Bunu önlemek için bir React-y yolu var mı?Tepkiyi odaklamayı önleme

Bir onMouseDown = {this.someMethod}, yöntemde sıkışmış bir preventDefault() ile çalışır mı?

+0

Neden odaklamayı önlemek istersiniz? Sitenizin erişilebilir olmasını istemiyor musunuz? Sadece estetikse, stili değiştirmek için CSS'yi kullanabilirsiniz. –

+0

neredeyse odaklanma şeklini değiştirmek istiyorum:/ –

cevap

1

Mantık doğru ama tasarım sizi sorun mu ediyor? Bu durumda bazı CSS doğru yapmalıdır. Eğer bir navbar varsa

CSS böyle bir şey olmalı:

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

Eğer sadece sağ tıklayın ve tarayıcı tam olarak CSS sekmesinde odağı kolları ne olduğunu bildirilir gereken öğeyi denetle.

+0

Bir nav öğesine tıkladığınızda (Chrome'da) mavi odak sınırlamasına izin veremedim. Boşluk nedeniyle, nav öğeleri birbirinin yanına oturur ve odak "kenarlık" –

+0

diğer nav öğeleri üzerine taşar. Bu durumda, odağı ele alan css'yi ekleyin. – Theo

+0

@FredChapman: daha sonra "anahat: none" öğesini ayarlayın. –

0

Bu, this bir kopyası olduğunu ortaya çıkıyor, sadece yanlış yerde soruyordum.