我正在开发一个需要在表单中输入颜色的项目 . 默认颜色输入显示为一个短而宽的矩形,其外观看起来是灰色轮廓 . 灰色轮廓实际上是背景颜色,并且尝试应用边框和边框半径以将实际颜色样本设置为圆形,从而产生位于矩形颜色样本下方的较小圆形边框 .
在CSS中设置宽度和高度的样式允许我控制矩形颜色样本 . 样式填充和背景颜色允许我控制“边框” . 我无法弄清楚如何调整“样本”的显示方式,或者是否可能 .
我通过设置颜色输入的id来实现所需的效果,如下所示:
#colorPicker { background-color: #F5FF55; width: 150px; height: 50px; border-radius: 5px; padding: 5px; }
我似乎还无法改变颜色输入色板的形状 . 不确定这是否可行 .
1 回答
我通过设置颜色输入的id来实现所需的效果,如下所示:
我似乎还无法改变颜色输入色板的形状 . 不确定这是否可行 .