css form input color 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: input type color

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

Example 3: input background color

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

Example 4: style input by type

/* Style input based on type */
input[type=text] 
{

}