input color css code example

Example 1: placeholder css

::-webkit-input-placeholder {color: pink;} /* Chrome/Opera/Safari */
::-moz-placeholder { color: pink;} /* Firefox 19+ */
:-ms-input-placeholder { color: pink;} /* IE 10+ */
:-moz-placeholder {color: pink;}  /* Firefox 18- */

Example 2: input color custom

input[type="color"] {
	-webkit-appearance: none;
	border: none;
	width: 32px;
	height: 32px;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
	border: none;
}

Example 3: html input background color

input[type="text"], textarea {

  background-color : #d1d1d1; 

}

Example 4: css color of input

input{
  background-color: white; /*The color of your choice here*/
}

Example 5: input type color

<input type="color" value="#f6f82" id="colorPicker">

Example 6: input background color

<input style="background-color: gold;" type="text" value="">

Tags:

Css Example