相关疑难解决方法(0)

Webkit CSS控制输入[type = color]中颜色周围的框?

是否有一个特定于Webkit的CSS样式,允许我控制围绕颜色的框的颜色/大小/样式input[type=color]?我已经设置了输入的颜色和背景颜色,所以看起来很好用我用于旧版Chrome和Firefox的交叉兼容性polyfill.但是现在Chrome实际上有一个颜色选择器,当输入的颜色和背景颜色设置为相同的颜色时,颜色周围有一个框,在输入的中间留下1px的灰色框.是否有一些CSS可以摆脱它,或者通过将该框的宽度设置为0,将样式更改为none,或者最坏的情况是将颜色设置为与颜色和背景颜色相同?

在这张图片中,我说的是白色内部和绿色外部的灰色框:

颜色选择器的屏幕截图

我找到了一个解决方法,即设置一个足够高的填充,框(灰色边框和绿色内容)被压缩到0大小.但这真的很糟糕,并且在Firefox中看起来不太好.

css html5 webkit google-chrome color-picker

30
推荐指数
7
解决办法
3万
查看次数

标签 统计

color-picker ×1

css ×1

google-chrome ×1

html5 ×1

webkit ×1