Nasıl devre dışı varsayılan sınır html giriş metin unsuru üzerine vurgu yapıyorum
Bir html öğesi olduğunda 'odaklı (seçili/sekmeli) birçok tarayıcı (en az Safari ve Chrome) etrafında mavi bir sınır koyacağız'.
Üzerinde çalışıyorum düzeni için, bu doğru mu rahatsız edici değildir.
<input type="text" name="user" class="middle" id="user" tabindex="1" />
FireFox bunu yapmak için görünmüyor, ya da en azından, bana sınır ile kontrol edelim: x;
Eğer birisi YANİ nasıl bir performans gösterdiğini söyleyebilir, merak ediyorum.
Fakat işaret fişeği bu küçük bit kaldırmak için Safari almak güzel olurdu.
Teşekkürler
CEVAP
Senin durumunda, deneyin:
input.middle:focus {
outline-width: 0;
}
Ya da genel olarak, tüm temel form elemanları etkiler:
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
Açıklamalarda, Noah Whitmore bunu bir adım daha ileri true
contenteditable
özniteliği (etkili giriş elemanı bir tip yapma) elemanları destek götürmeyi önermiş. Aşağıdaki o da (CSS3 yetenekli tarayıcılarda) hedef:
[contenteditable="true"]:focus {
outline: none;
}
, Bütünlüğü aşkına, her zaman odak noktası anahat devre dışı olabilir . ama tavsiye etmem rağmen ^strong>her şeyibu:
*:focus {
outline: none;
}
Odak anahat erişilebilirlik ve kullanılabilirlik bir özelliği olduğunu unutmayın; bu eleman şu anda duruldu ne kullanıcı ipuçları.
Nasıl web tarayıcı otomatik tamamlama ...
Nasıl jQuery kullanarak metin seçimi d...
'devre dışı=&; devre dışı" " ...
Nasıl html JavaScript düğmesini kullan...
nasıl/mesaj Gönder devre dışı bir Giri...