Remove border around the color in an input[type=color] in Firefox?
<p>I want to remove the border around the color of input[type=color] in Firefox. I found solution for Chrome <a href="https://stackoverflow.com/questions/11167281/webkit-css-to-control-the-box-around-the-color-in-an-inputtype-color">here</a> (use ::-webkit-color-swatch in CSS) and I need it for Firefox and Microsoft Edge too. Thank you!</p>

<p>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)
<img src="https://i.stack.imgur.com/IIzjU.png" alt="picture"></p>