如何设置颜色类型输入

Question

我正在处理一个需要在表单中输入颜色的项目。默认颜色输入显示为一个短而宽的矩形，其外观看起来是灰色轮廓。灰色轮廓实际上是背景颜色，并且尝试应用边框和边框半径以将实际颜色样本设置为圆形，从而产生位于矩形颜色样本下方的较小圆形边框。

在CSS中设置宽度和高度的样式允许我控制矩形颜色样本。样式填充和背景颜色允许我控制＆＃34;边界＆＃34;。我无法解决如何调整＆＃34; swatch＆＃34;显示，或者甚至可能。

Answer 1

我可以通过设置颜色输入的id来实现所需的效果，如下所示：

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

我似乎还无法改变颜色输入色板的形状。不确定这是否可行。