how to change input box color in css code example

Example 1: 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 2: html input background color

input[type="text"], textarea {

  background-color : #d1d1d1; 

}

Example 3: css color of input

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

Example 4: input backgound color

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

Tags:

Css Example