使输入颜色框更大

Question

如何让input type="color"框更大？

目前它是一个非常小的盒子，我想改变它的尺寸。

更改高度/宽度无效。

Answer 1

似乎你已经覆盖了一些css风格。它默认工作：

input[type="color"] {
  width: 300px;
  height: 50px;
}

<input type="color" value="#ff0000">

Answer 2

这是一款适用于Chrome，Firefox的解决方案。我还没有在其他浏览器上测试它。浏览器默认输入上限可以覆盖此规则。

＆＃13;

＆＃13;

input[type="color"]{
  display: block;
  height: 50px;
  width: 300px;
}

＆＃13;

<input type="color" />

＆＃13;

＆＃13;

＆＃13;