2012-03-28 24 views
5

Duplicar posibles:
CSS Select SelectorCSS entrada de estilo [type = "??"] de listas de selección

¿Cuál es el CSS equivalente a la siguiente cuando se trata de listas de selección?

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

Comencemos por el principio. ¿Cómo está generando su HTML? No lo estás escribiendo a mano, ¿verdad? –

+0

No. Se genera AJAX. Estoy experimentando con varios medios para aplicar un estilo genérico a múltiples formularios. – Nick

+0

estas entradas deben tener también algunos padres u otros elementos que se puedan usar como referencia –

Respuesta

21

El selector CSS input[type="text"] puede ser dividido en;

  1. input; encuentre todos los elementos que son input elementos.
  2. [type="text"]; filtrar esos elementos por aquellos que tienen el atributo type de text.

Debido a que un cuadro de selección es un elemento <select> en lugar de un <input type="select" />, sólo puede utilizar el selector select de la siguiente manera;

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

select

+3

Eso no es inexacto, pero una respuesta de una palabra es mucho menos útil que una buena respuesta. –

+0

una respuesta de una palabra no es buena – salah9

+0

Seleccionar CSS o HTML? @ niet-the-dark-absol, sé más descriptivo! :-) – MAbraham1

4

de selección no es un tipo de entrada como los de tu ejemplo, por lo que no puede utilizar un selector de atributos cuando el destino de un select

1
select { 
    border:1px solid green; 
} 

    select option { 
    font-weight:bold; 
    } 
2

Como dice Fabricio-Calderan , select no tiene una propiedad de tipo. Sin embargo, se puede utilizar la propiedad de datos y el estilo de su elemento en base a este

ver aquí: Select elements by data attribute in CSS

Por qué no usar una clase de estilo que?

pseudo código:

<select> 
    <option class="wise"> 
    <option class="not-so-wise"> 
    <option class="meh"> 
</select> 
Cuestiones relacionadas