在Firefox中的输入[type = color]中移除颜色的边框？ [英] Remove border around the color in an input[type=color] in Firefox?

问题描述

我想在Firefox中删除input [type = color]的颜色边框。我找到了Chrome的解决方案此处（在CSS中使用:: webkit-color-swatch），我也需要Firefox和Microsoft Edge。谢谢！

例如，在这张图片中，我想删除粉红色的黑色边框，而不是输入的蓝色边框（这个蓝色的边框是表格的形式-control类的Bootstrap，我不问它）

解决方案类似于 :: - webkit-color-swatch 。

  ::  -  moz-color-swatch {
 border-color：red; 
} 
  

I want to remove the border around the color of input[type=color] in Firefox. I found solution for Chrome here (use ::-webkit-color-swatch in CSS) and I need it for Firefox and Microsoft Edge too. Thank you!

For example, in this picture, I want to remove the black border around the pink color, not the blue border of input (this blue border is the form-control class of Bootstrap and I don't ask about it)

解决方案

It's similar to ::-webkit-color-swatch.

::-moz-color-swatch {
    border-color: red;
}

这篇关于在Firefox中的输入[type = color]中移除颜色的边框？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！