Me gustaría preguntar cómo establecer diferentes colores de fondo para varios formularios de envío de entrada. Tengo más formularios de entrada en HTML:

<div class="first">
<form method="post">
<input name="first" type="submit" value="one">
</form> 
</div> 


<div class="second">
<form method="post">
<input name="second" type="submit" value="two">
</form>
</div>

<div class="third">
<form method="post">
<input name="third" type="submit" value="three">
</form>
</div> 

Y me gustaría establecer el color del primero de ellos como rojo, segundo verde y tercero azul.

Traté de usar indicar en css por clase div. Pero significará que toda la línea estará coloreada de rojo.

.first{
background-color: red;
}
.... and so on


Y también puedo usar la indicación input [type = submit] , porque será válida desde todos los formularios de envío.

input[type=submit]{
background-color: red;
}

Entonces, ¿cómo indicar cada formulario de envío con su nombre? Gracias

0
Mirek6 22 ene. 2021 a las 19:14

1 respuesta

La mejor respuesta

Creo que entiendo tu pregunta. Quieres solo el input background-color frente al div completo

Si ese es el caso ... O bien, dé a input los nombres class que ha especificado para los divs ... O llame a la entrada por su name SELECTOR: IE

input[name="first"] {
    background-color: red;
}
input[name="second"] {
    background-color: green;
}
input[name="third"] {
    background-color: blue;
}

Si eso es demasiado ambiguo, también puede "profundizar": IE

.first input {
    background-color: red;
}
.second input {
    background-color: blue;
}
.third input {
    background-color: green;
}

Ambos obtendrán el mismo resultado. También puede dar a sus entradas un id RECOMENDADO

<input id="third" name="third" type="submit" value="three">

Luego llámelo por id con #:

#third {
    background-color: green;
}
0
Zak 22 ene. 2021 a las 16:34