CSS-селектор для <input type = "?"

Чи можливо з CSS націлити всі входи залежно від їх типу? У мене клас інвалідів, який я використовую для різних відключених елементів форми, і я встановлюю колір фону для текстових полів, але я не хочу, щоб мої прапорці отримували цей колір.

Я знаю, що можу це зробити з окремими класами, але я скоріше використовую CSS, якщо це можливо. Я впевнений, я можу встановити це у javascript, але знову шукаю CSS.

Я націлюю на IE7 +. Тому я не думаю, що я можу використовувати CSS3.

Редагувати

З CSS3 я міг би зробити щось на кшталт?

INPUT[type='text']:disabled це ще краще взагалі позбудеться мого класу ...

Редагувати

Добре дякую за допомогу! Ось ось селектор, який змінює всі текстові поля та області, які були відключені, не вимагаючи жодних класів, коли я починав це питання, я ніколи не думав, що це можливо ...

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

Це працює в IE7

Так. IE7 + підтримує вибір атрибутів:

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

Введення елемента з типом атрибута, який містить значення, яке дорівнює, починається з, містить або закінчується певним значенням.

Інші безпечні селектори (IE7 +):

• Батько> дитина, яка має: p > span { font-weight: bold; }
• Передує елемент ~, який: span ~ span { color: blue; }

Що для <p><span/><span/></p>вас ефективно дасть:

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

Подальше читання: Сумісність браузера CSS на quirksmode.com

Я здивований, що всі інші думають, що цього зробити не можна. Вибірці атрибутів CSS вже певний час є тут. Я думаю, що прийшов час ми очистити наші .css файли.

До жаль , інші плакати правильно , що ви ... на насправді , як виправляється Крон, ви все в порядку з IE7 і суворого док, але більшість з нас з вимогами IE6 зводиться до JS або посилання класу для цього, але це властивість CSS2, лише одна без достатньої підтримки браузерів IE ^ h ^ h.

Селектор вибору не є повнотою, подібно до xpath - форми, [attribute=value]але існує багато цікавих варіантів. Він буде досить потужним, коли він буде доступний, добре тримати в голові IE8.

• w3 посилання

• посилання на підтримку браузера

Це можна зробити за допомогою jQuery. Використовуючи їх селектори, ви можете вибрати за атрибутами, такими як тип. Однак це вимагає, щоб ваші користувачі увімкнули Javascript та додатковий файл для завантаження, але якщо він працює ...

Вибачте, коротка відповідь - ні. CSS (2.1) позначатиме лише елементи DOM, а не їх атрибути. Вам доведеться застосувати певний клас до кожного вводу.

Баммер я знаю, бо це було б неймовірно корисно.

Я знаю, ви сказали, що віддаєте перевагу CSS над JavaScript, але все ж слід розглянути можливість використання jQuery. Це забезпечує дуже чистий та елегантний спосіб додавання стилів до елементів DOM на основі атрибутів.