首页 文章

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

提问于
浏览
-3

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

在CSS中设置宽度和高度的样式允许我控制矩形颜色样本 . 样式填充和背景颜色允许我控制“边框” . 我无法弄清楚如何调整“样本”的显示方式,或者是否可能 .

1 回答

  • 0

    我通过设置颜色输入的id来实现所需的效果,如下所示:

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

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

相关问题