在Firefox的输入[type = color]中删除颜色周围的边框？

提问于 2024-04-28T22:03:15+08:00

浏览次

2

我想在Firefox中删除输入颜色[type = color]周围的边框 . 我找到了Chrome的解决方案here（在CSS中使用:: - webkit-color-swatch）我也需要它用于Firefox和Microsoft Edge . 谢谢！

例如，在这张图片中，我想删除粉红色周围的黑色边框，而不是输入的蓝色边框（这个蓝色边框是Bootstrap的表单控件类，我不问它）

3 回答

5
它类似于 ::-webkit-color-swatch .
```
::-moz-color-swatch {
    border-color: red;
}
```
回复于 2024-04-28T22:03:15+08:00
1
让所有人共同感觉会更好，试试这个：
```
input[type="text"]{
    border: none;
    border-color: transparent;
}
```
要么

如果焦点位于 input 字段，请使用此：
```
input[type="text"]:focus{
    outline: none;
}
```
发布您的代码，如果这不是您正在寻找的！

Update

把你的代码放在 ::-moz-color-swatch{ }
回复于 2024-04-28T22:03:15+08:00
0

您可以将 border-color: transparent 添加到输入框 .

回复于 2024-04-28T22:03:15+08:00

相关问题