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

Answer 1

You can add border-color: transparent to the input box.