CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。
HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。
Q&A
解決済
1回答
2294閲覧
総合スコア178
0グッド
0クリップ
投稿2022/09/20 07:23
0
input type="color" のデザインは変えられないのでしょうか? 下記のようなデザインに変えたく 色々調べているのですが、おそらくできない気がしています。
理想(携帯アプリのもの)
React,js1 <input type="color" name="favorite_color" 2 onChange={handleSliderChange2}></input>
React,js
1 <input type="color" name="favorite_color" 2 onChange={handleSliderChange2}></input>
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
質問へのコメント
回答1件
ベストアンサー
https://developer.mozilla.org/ja/docs/Web/HTML/Element/input/color この要素の外見は、ブラウザーやプラットフォームによって大きく異なります。— 単純なテキストの入力欄で、入力された色情報が文字列の検証のみを行う入力欄であったり、プラットフォームの標準カラーピッカーや、独自のピッカーウィンドウを表示するなど、ブラウザーやプラットフォームにより大きく異なることがあります。
とのことでかなり困難と思います。 自身でレイアウトをコントロールしたいのでしたらtype=textからJavaScriptを用いてそれっぽいUIを表現することになると思います。 世に出ているカラーピッカー系のプラグインもtype=textが前提になっていると思います。
投稿2022/09/20 07:29
総合スコア80888
回答へのコメント
2022/09/21 02:48
2022/09/21 04:52
2022/09/21 04:55
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
15分調べてもわからないことはteratailで質問しよう!
ただいまの回答率85.29%
質問をまとめることで思考を整理して素早く解決
テンプレート機能で簡単に質問をまとめる
input type="color" のデザイン変更方法
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/09/21 02:48
2022/09/21 04:52
2022/09/21 04:55