2012-03-28 2 views
5

Можно создать дубликат:
CSS Select SelectorCSS вход моделирование [тип = "??"] для избранных списков

Что такое CSS эквивалентно следующему при работе с отдельными списками?

input[type="text"] 
input[type="submit"] 
+0

Начнем с начала. Как вы создаете свой HTML? Вы не пишете это вручную, не так ли? –

+0

Нет. Это генерируется AJAX. Я экспериментирую с различными способами, чтобы иметь общий стиль, применяемый к нескольким формам. – Nick

+0

эти входы должны иметь некоторый родительский элемент или некоторые другие элементы, которые могут использоваться как ссылка –

ответ

21

input[type="text"] селектор CSS, может быть разбит на;

  1. input; найти все элементы, которые являются input элементов.
  2. [type="text"]; фильтруйте эти элементы теми, у которых есть атрибут typetext.

Поскольку выберите поле является <select> элемент, а не <input type="select" />, вы можете просто использовать селектор select следующим образом;

select { 
    /* blah blah blah*/ 
} 
-4

select

+3

Это неточно, но ответ на один вопрос гораздо менее полезен, чем хороший ответ. –

+0

одно слово ответ не является хорошим – salah9

+0

CSS select или HTML? @ niet-the-dark-absol, быть более описательным! :-) – MAbraham1

4

выбрать не тип ввода, как те, в вашем примере, так что вы не можете использовать селектор атрибута при таргетинге select

1
select { 
    border:1px solid green; 
} 

    select option { 
    font-weight:bold; 
    } 
2

Как говорит Фабрицио-Calderan , select не имеет свойства type. Однако, вы могли бы использовать данные-свойство и стиль вашего элемента на основе этого

посмотреть здесь: Select elements by data attribute in CSS

Почему бы не использовать класс стиля его?

псевдокод:

<select> 
    <option class="wise"> 
    <option class="not-so-wise"> 
    <option class="meh"> 
</select> 
Смежные вопросы