2016-04-07 27 views
0

Özellikle önyükleme-önyükleme, özellikle Sekmeler ve Sekme kullanıyorum. Sekme, bir dize alan tabClassName yerleşik özniteliğine sahiptir. Kullanım yönergeleri "tabClassName ilişkili NavItem için className olarak kullanılır".react-bootstrap: Sekmenin tabClassName özniteliği varsayılan olarak geçersiz

<Tab tabClassName="main-tab">'u ayarlıyorum.

Hedefim, sekme odaklandığında beliren mavi çizgiyi kaldırmaktır. Ancak, aşağıdaki CSS hiçbir şey yapmaz. enter image description here

Mavi odak anahat kurtulmak nasıl: Burada

.main-tab, .main-tab:active, .main-tab:focus { 
    outline: none !important; 
} 

yerinde inceleme nedir? Bu kötü bir fikir olduğunu ve en iyi uygulamalar aykırı

.main-tab > a, 
.main-tab > a:focus { 
    outline: none; 
} 
+0

:

aşağıdaki CSS çalışır: – litel

+0

Geri bildirim için teşekkürler. Aşağıdaki çözüm hakkında ne düşünüyorsunuz? – Nico

+0

Buna karşı öneride bulunacağım - Bootstrap gibi bir çerçevenin odak stilini oluşturmasına neden olmasının bir nedeni var. Ana hatları kaldırıyor, ancak ana hat bir klavye kullanan bir kişi için önemlidir (çünkü bir fare kullanamazlar). Sayfada geziniyorlar. Tarayıcı varsayılan stilini beğenmezseniz, kendi kimliğinizi tanımlamanız gerekir. – litel

cevap

0

çözüm bulundu. Erişilebilirlik amacıyla, tarayıcının varsayılan odak anahat/stiliyle uğraşmaktan kaçınmalısınız. http://www.outlinenone.com/