html - Remove border around the color in an input[type=color] in Firefox?

Question

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)

Answer 1

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

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