入力カラーボックスを大きくする

Question

input type="color"ボックスを大きくするにはどうすればよいですか？

現在のところ非常に小さな箱ですので、その寸法を変更したいと思います。

高さ/幅を変更すると、何もしません。

Answer 1

いくつかのCSSスタイルをオーバーライドしたようです。これは、デフォルトで働いています：

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

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

Answer 2

これはクロム、Firefoxで働いソリューションです。私は他のブラウザでそれをテストしていません。このルールは、ブラウザのデフォルトの入力順に上書きできます。

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

<input type="color" />