input type="color" のデザイン変更方法

Question

実現したいこと

input type="color" のデザインは変えられないのでしょうか？
下記のようなデザインに変えたく
色々調べているのですが、おそらくできない気がしています。

理想（携帯アプリのもの）

該当のソースコード

                      <input type="color" name="favorite_color"
                      onChange={handleSliderChange2}></input>

Answer 1

https://developer.mozilla.org/ja/docs/Web/HTML/Element/input/color
この要素の外見は、ブラウザーやプラットフォームによって大きく異なります。— 単純なテキストの入力欄で、入力された色情報が文字列の検証のみを行う入力欄であったり、プラットフォームの標準カラーピッカーや、独自のピッカーウィンドウを表示するなど、ブラウザーやプラットフォームにより大きく異なることがあります。

とのことでかなり困難と思います。
自身でレイアウトをコントロールしたいのでしたらtype=textからJavaScriptを用いてそれっぽいUIを表現することになると思います。
世に出ているカラーピッカー系のプラグインもtype=textが前提になっていると思います。

Comments

[m.ts10806]

低評価された方
理由のコメントを。
嫌がらせ目的であれば規約違反です。
私を追いかけまわす暇があれば別のことに費やしてください。

[Tomato_leaf]

アドバイスありがとうございます。やはりそうですよね。先方にデザインの妥協は可能か確認してみます。

[m.ts10806]

デザインを妥協する必要はなく、実装方法からtype=colorを外すだけです。