2013-08-06 17 views
9

Kullanıcı, IE'deki onay kutusunu tıklattığında, onay kutusunun etrafında noktalı çizgi oluşturulmasından kaçınmam gerekir.onay kutusunun etrafında noktalı çizgi nasıl önlenir?

kullanıcılar tıklama

enter image description here

nasıl css kullanarak onay kutusunu etrafında noktalı çizgi kaldırırım zaman nasıl göründüğünü görün?

+2

Kaldırmayın! http://www.outlinenone.com/ – Quentin

cevap

9

Seti outline mülkiyet 0:

input { 
    outline: 0; 
} 

(Chris Coiyer tarafından belgelendiği gibi) O IE9 çalışmayabilir. Bu meta etiketi kullanmak gerekebilir: bir taslak deniyor Yani

<meta http-equiv="X-UA-Compatible" content="IE=9" /> 
+0

Artık birisi belgede nerede olduğunu söylemesi gereken bir klavye (veya başka bir işaretleme olmayan aygıt) ile nasıl geziniyor? – Quentin

+0

@Quentin Bu bir kullanılabilirlik problemi, aynı fikirde - ama yazar açıkça taslağın kaldırılmasını istediğini söyledi. – Terry

1

, bu

input[type='checkbox'] { 
    outline:0; 
} 
2

kullanmayı deneyin

*:focus { 
outline: none; 
} 
3

kullanın deneyin bu bir odak sahip olmayan her eleman üzerinde çalışır küresel kural outline: 0;

İlgili konular