Red de conocimiento informático - Material del sitio web - Cómo definir el estilo CSS de type="text" en la etiqueta de entrada

Cómo definir el estilo CSS de type="text" en la etiqueta de entrada

Puedes utilizar el nuevo selector "[atributo=valor]" en CSS3 para seleccionar las etiquetas de los atributos especificados al mismo tiempo.

1. Cree un nuevo documento HTML y agregue 5 etiquetas de entrada. El valor del primer y último atributo "tipo" es "texto":

2. Agregue la etiqueta de estilo entre la etiqueta y la etiqueta del cuerpo, agregue el código "entrada [tipo = texto]", "entrada" se refiere al nombre de la etiqueta, "tipo" se refiere al nombre del atributo, "texto" se refiere al valor del atributo , esto seleccionará todas las etiquetas de entrada con el nombre de atributo "tipo" y el valor de atributo "texto":

3. Establezca el color de fondo en rojo para la etiqueta seleccionada. En este momento, el valor del atributo es. "texto". El color de fondo de una etiqueta y la última etiqueta ha cambiado a rojo: