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.

Answer 2

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

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

Answer 3

It would be better to make it common for all, Try this:

input[type="text"]{
    border: none;
    border-color: transparent;
}

or

If focus is on the input field, Use this:

input[type="text"]:focus{
    outline: none;
}

Post your code if this is'nt what you're looking for!

Update

Put your code inside ::-moz-color-swatch{ }