使输入颜色框变大

Question

如何使input type="color"框变大？

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

改变高度/宽度没有做任何事情。

Answer 1

看来你已经重写了一些CSS风格。它的工作在默认情况下：

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

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

Answer 2

这是在Chrome，火狐工作的解决方案。我没有在其他浏览器上测试过它。这个规则可以被浏览器默认的输入引用覆盖。

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

<input type="color" />