如何更改此框的大小?正如您所看到的,它对于给定的表来说太大了。
我尝试过填充、边框、宽度...等。似乎没有任何效果:/
<input type='color'>Run Code Online (Sandbox Code Playgroud)
组合border、background和padding属性将消除“添加的空间”。
去除颜色的主要方法是background。
input {
border:0;
background:none;
padding:0;
}Run Code Online (Sandbox Code Playgroud)
<input type='color'>Run Code Online (Sandbox Code Playgroud)
更新:
我已经找到-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;
}Run Code Online (Sandbox Code Playgroud)
<input type='color'>Run Code Online (Sandbox Code Playgroud)