更改输入颜色框大小？

Question

如何更改此框的大小？正如您所看到的，它对于给定的表来说太大了。

我尝试过填充、边框、宽度...等。似乎没有任何效果：/

这是盒子

<input type='color'>

Answer 1

组合border、background和padding属性将消除“添加的空间”。

去除颜色的主要方法是background。

input {
  border:0;
  background:none;
  padding:0;
}

<input type='color'>

更新：

我已经找到-webkit-color-swatch-wrapper并且-webkit-color-swatch

input{
    margin:0;
    padding:0;
    border:0;
}
input::-webkit-color-swatch-wrapper {
	padding: 0;
    margin:0;
    background:none;
}
input::-webkit-color-swatch {
	border: none;
}

<input type='color'>