JSFiddle - React, Tailwind, and code Playground

by adamschwartz

HTML

<input type="color">

CSS

input[type="color"] {
  background: #fff;
  border: 0;
  padding: 0;
  border-radius: 2px;
  height: 25px;
  width: 100px;
}

input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0
}

input[type="color"]::-webkit-color-swatch {
  border-radius: 2px;
  border: 0
}