text color input 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: input background color

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

Example 4: input type color

<div>
    <input type="color" id="head" name="head"
           value="#e66465">
    <label for="head">Head</label>
</div>