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

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ı.