inputやtextareaの入力補助 - 1000ch.net

inputやtextareaの入力補助 <input>の入力補助には<datalist>を使ったものがある。補助候補を<datalist>と<option>を使って定義し、そのIDを適用先の<input>のlist属性に付与する。以下サンプル。 See the Pen Input suggestion using datalist by 1000ch (@1000ch) on CodePen. Chromeだと領域の右端に▼が表示されているし、候補のドロップダウンやその▼はまさにブラウザネイティブのUIといった感じだが、どうもスタイリングが出来ない。古いという意味で信頼性に欠けるがRelevant Dropdowns: Polyfill for Datalistにも不可能っぽいことが書いてある。Shadow DOMだろうからインスペクタ使ってセレクタを調べようとしたけど、フォーカスアウトす

[glat_design]

ああ、やっぱスタイリングは無理なのかあ /