"input:focus" y "placeholder" que se resisten

[al_limon]

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;}

[pzin]

Hasta el momento no he visto que se contemple estilizar placeholder desde la W3C.

De todas formas, se puede hacer con prefijos propietarios:

Código CSS:

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
  color: blue;
}
 

WebKit, Firefox e Internet Explorer.

[al_limon]

Iniciado por pzin

Hasta el momento no he visto que se contemple estilizar placeholder desde la W3C.

De todas formas, se puede hacer con prefijos propietarios:

Código CSS:

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
  color: blue;
}
 

WebKit, Firefox e Internet Explorer.

Vaya, que curioso, o sea que quien lo contempla es el navegador y no W3C... No tenía ni idea. Muchas gracias por tu respuesta