Убрать рамку у input type color

#html #css

Подскажите пожалуйста как убрать рамку у данного input?







    

Ответы

Ответ 1

Чуть внимательнее смотрим в инспекторах:



/* Этого хватает для FF */
input[type="color"] {
  padding: 0;
}
/* Для Chrome немного сложнее ;-) */
input[type="color" i]::-webkit-color-swatch-wrapper {
  padding: 0;
}



Ответ 2

input {
  width: 50px;
  height: 50px;
  border: none;
  padding: 0;
}



Ответ 3

::-moz-color-swatch


input {
    border: 0 !important;
    outline: none !important;
}

::-webkit-color-swatch {
    border: 0;
}

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