Есть ли селектор CSS для любого поля, которое вводит пользователь?

Question

Я хочу создать общий стиль для всех элементов, где пользователь выбирает (либо с помощью мыши, либо нажатием на сенсорном экране), а затем вводит текст с помощью курсора. Это включает в себя:

• <input>
• <input type='text'>
• <textarea>
• <input type='password'>
• <another element that I didn't know existed that you can type into>

Как вы можете видеть (и другие примеры, вероятно), в связи с <textarea> (который падает в этой категории) и <input type='submit'> (что нет), вы не можете просто выбрать все <input>.

Есть ли специальный селектор CSS (псевдо?) Для этого?

Answer 1

Нет, нет.

Либо вы идете со списками

input, textarea {...} 

или использовать CSS-препроцессор (например, дерзость) и сделать себе подмешать или функцию, которая обрабатывает все эти типы. Но в какой-то момент вы не сможете определить все эти элементы.

Answer 2

Нет, это не поле для этого, но вы можете комбинировать селекторы с запятыми и стиль их все вместе, как это:

input[type="text"], input[type="search"], input[type="password"], textarea { 
    /* your styles here */ 
} 

Я думаю, что это единственный способ сделать это.

Answer 3

Вы можете просто использовать псевдокласс класса focus в CSS самостоятельно, чтобы выбрать любой элемент HTML, который выбран.

CSS:

:focus { 
    /* whatever you want to do to all selected elements */ 
} 

Вот скрипку JS, показывающий, как это работает:

http://jsfiddle.net/vbdgenwz/