El error que cometí fue no tener definido el id="test"...Hagan caso omiso. No logre borrar la entrada.
Hola a todos. Gracias por ver esta pregunta.
En estos códigos el resultado final es que mi código le da prioridad al color darkkhaki en vez del color blueviolet. Podrían ayudarme por favor?
Mi código CSS es:
p{
color:red;
}
.testColor{
color: yellow;
}
p.testColor{
color:darkkhaki
}
#testColor
{
color: blueviolet;
}
y mi codigo html es:
<form>
<label for="nombreapellido">Nombre y Apellido</label>
<input type="text" id="nombreapellido" class="input-padron">
<label for="correo">Correo Electrónico</label>
<input type="text" id="correo" class="input-padron">
<label for="telefono">Teléfono</label>
<input type="text" id="telefono" class="input-padron">
<label for="mensaje">Mensaje adicional</label>
<textarea name="contacto" id="mensaje" cols="70" rows="10" class="input-padron"></textarea>
<div>
<p class="testColor">¿Cómo le gustaria que lo contactemos?</p>
<label for="radioEmail"><input type="radio" value="email" name="contacto" id="radioEmail">Email</label>
<label for="telefono2"><input type="radio" value="telefono" name="contacto" id="telefono2">telefono</label>
<label for="whatsapp"><input type="radio" value="whatsapp" name="contacto" id="whatsapp">Whatsapp</label>
</div>
<!--Para las etiquetas label actualmente no hay manera de definirles diseño citando la etiqueta, entonces le ponemos una clase-->
<label class="checkbox"><input type="checkbox">¿Le gustaria recibir novedades?</label>
<input type="submit" value="Enviar formulario">
</form>
.