如何设置颜色类型输入的样式

Question

我正在处理一个需要在表单中输入颜色的项目。默认颜色输入显示为一个带有灰色轮廓的短而宽的矩形。灰色轮廓实际上是一种背景颜色，尝试应用边框和边框半径将实际色样设置为圆形会导致位于矩形色样下方的较小圆形边框。

在 CSS 中设置宽度和高度的样式可以让我控制矩形颜色样本。设置填充和背景颜色的样式可以让我控制“边框”。我不知道如何调整“样本”的显示方式，或者是否有可能。

Answer 1

我能够通过如下设置颜色输入的 id 来达到预期的效果：

#colorPicker {
  background-color: #F5FF55;
  width: 150px;
  height: 50px;
  border-radius: 5px;
  padding: 5px;
}

我似乎仍然无法更改颜色输入样本的形状。不确定这是否可能。