<İnput type = “?” İçin CSS Seçici

CSS ile tüm girdileri türlerine göre hedeflemenin bir yolu var mı? Çeşitli devre dışı bırakılmış form öğelerinde kullandığım devre dışı bırakılmış bir sınıfım var ve metin kutuları için arka plan rengini ayarlıyorum, ancak onay kutularının bu rengi almasını istemiyorum.

Bunu ayrı sınıflarla yapabileceğimi biliyorum ama mümkünse CSS kullanmayı tercih ederim. Eminim bunu javascript'te ayarlayabilirim ama yine CSS arayabilirim.

IE7 + 'yı hedefliyorum. Bu yüzden CSS3'ü kullanabileceğimi sanmıyorum.

Düzenle

CSS3 ile buna benzer bir şey yapabilir miyim?

INPUT[type='text']:disabled sınıfımdan tamamen kurtulmam daha iyi olur ...

Düzenle

Tamam, yardım için teşekkürler! Yani burada herhangi bir sınıf ayarlamadan devre dışı bırakılan tüm metin kutularını ve alanları değiştiren bir seçici var, bu soruyu başlattığımda bunun mümkün olduğunu hiç düşünmemiştim ...

INPUT[disabled][type='text'], TEXTAREA[disabled]
{   
    background-color: Silver;
}

Bu, IE7'de çalışır

Evet. IE7 +, öznitelik seçicilerini destekler:

input[type=radio]
input[type^=ra]
input[type*=d]
input[type$=io]

Belirli bir değere eşit, bununla başlayan, içeren veya biten bir değer içeren öznitelik türüne sahip öğe girişi.

Diğer güvenli (IE7 +) seçiciler şunlardır:

• Ebeveyn> şunlara sahip çocuk: p > span { font-weight: bold; }
• Başında ~ öğesi olan: span ~ span { color: blue; }

Hangisi <p><span/><span/></p>size etkili bir şekilde verir:

<p>
    <span style="font-weight: bold;">
    <span style="font-weight: bold; color: blue;">
</p>

Daha fazla okuma: quirksmode.com'da Tarayıcı CSS uyumluluğu

Herkesin bunun yapılamayacağını düşünmesine şaşırdım. CSS özellik seçicileri bir süredir buradaydı. Sanırım .css dosyalarımızı temizleme zamanımız geldi.

Ne yazık ki diğer afişler şey olmadığı doğrudur Kron düzeltilebilir olarak aslında ... sen senin IE7 ve sıkı doc ile Tamam, ama çoğumuz IE6 gereklerine JS veya bunun için sınıf başvuruları için azalır, ancak bir bir CSS2 özelliği, IE ^ h ^ h tarayıcılarından yeterli destek olmadan yalnızca bir tane.

Eksiksiz olarak, tür seçici, formun xpath'e benzerdir, [attribute=value]ancak birçok ilginç varyant mevcuttur. Bu olacak 's mevcuttur, iyi bir şey IE8 için kafanın içinde tutmak için ne zaman oldukça güçlü olması.

• w3 referansı

• tarayıcı desteği referansı

Bunu jQuery ile yapabilirsiniz. Seçicilerini kullanarak tür gibi niteliklere göre seçim yapabilirsiniz. Ancak bu, kullanıcılarınızın Javascript'in açık olmasını ve indirmeleri için ek bir dosya olmasını gerektirir, ancak işe yararsa ...

Üzgünüm, kısa cevap hayır. CSS (2.1), bir DOM'un özelliklerini değil, yalnızca öğelerini işaretler. Her girdiye belirli bir sınıf uygulamanız gerekir.

Bummer biliyorum, çünkü bu inanılmaz derecede faydalı olurdu.

JavaScript yerine CSS'yi tercih edeceğinizi söylediğinizi biliyorum, ancak yine de jQuery kullanmayı düşünmelisiniz. Özelliklere dayalı olarak DOM öğelerine stil eklemenin çok temiz ve zarif bir yolunu sağlar.