shinobear01 https://blog.hatena.ne.jp/shinobear01/ Voicy Tech Blog https://tech-blog.voicy.jp/ Voicy秋の運動会 Web Team はじめに こんにちは！株式会社VoicyでWebフロントエンジニアをしているしーちゃん(@shinobear01)です。 今回は、Angular Materialを使ったセレクト部品のオプションのカスタム方法について書きます。 セレクト部品のオプションのカスタム方法 今回、デザインをもとに新たにセレクト部品を作る必要がありました。 デザインを見て、セレクト部品について調べたところ、 HTMLのデフォルトのオプション部品をカスタムするのは難しいと書いてあったので、諦めかけました。 しかし、いろいろ試行錯誤した結果、指定のデザインを実現できたので記録しておきます！ 実際に実現したデザインは以下です… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech-blog.voicy.jp%2Fentry%2F2022%2F11%2F17%2F121801" title="Angularでセレクト部品のオプションをカスタムする - Voicy Tech Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/shinobear01/20221116/20221116225214.png Hatena Blog https://hatena.blog 2022-11-17 12:18:01 rich https://tech-blog.voicy.jp/entry/2022/11/17/121801 1.0 100%