SORU
22 EYLÜL 2009, Salı


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
22 EYLÜL 2009, Salı


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

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Glove and Boots

    Glove and Bo

    1 ŞUBAT 2007
  • MusicDeluxeTV

    MusicDeluxeT

    14 Mayıs 2010
  • SerienTrailerMP

    SerienTraile

    7 HAZİRAN 2012