使輸入顏色框變大

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" />