Hola a todas/os,
Estoy haciendo un mini formulario de contacto para mi web. Resulta que mi intención es cambiar el color de texto de los placeholders y también editar el :focus de los inputs, pero no hay manera de conseguirlo. Hoy tengo un día especialmente espeso, y por más vueltas que le doy no se qué hago mal... Si alguna alma caritativa le puede dar un vistazo al css e iluminarme...
'
Código:
label {
color:white;
font-size:10pt;
font-weight:bold;
}
input#name {
border-radius:3px;
border:1px solid #ffb733;
background-color:#ffc04d;
color:#ffffff;
width:300px;
}
input#email {
border-radius:3px;
border:1px solid #ffb733;
background-color:#ffc04d;
color:#ffffff;
width:300px;
}
input#asunto {
border-radius:3px;
border:1px solid #ffb733;
background-color:#ffc04d;
color:#996300;
width:300px;
}
textarea#mensajito {
border-radius:3px;
border:1px solid #ffb733;
background-color:#ffc04d;
color:#996300;
width:298px;
height:120px;
overflow:hidden;
resize:none;
}
input#boton {
background:#805200;
border:none;
border-radius:6px;
width:50px;
color:white;
outline-color:#805200;
padding: 3px;
}
input:focus {
border:2px solid #fff6e6;
opacity:0.5;
background-color:orange;
}
textarea:focus {outline:2px solid #fff6e6;opacity:0.5;}