[CSS]フォームã®selectè¦ç´ ã®ç‰¹å¾´ã‚’把æ¡ã—ã€å„ブラウザã§ä¸€è²«ã—ã¦ç¾Žã—ã実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -select-cssフォームをスタイルã®ãŒè‹¦æ‰‹ã¨ã„ã†äººã‚‚å°‘ãªããªã„ã¨æ€ã„ã¾ã™ã€‚ä¸ã§ã‚‚selectè¦ç´ ã¯ãƒ–ラウザã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãŒéžå¸¸ã«ä½¿ã„ã«ããã€ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ã®ã«çŸ¥è˜ãŒå¿…è¦ã§ã™ã€‚ フォームã®selectè¦ç´ ã®ç‰¹å¾´ã‚’把æ¡ã—ã€å„ブラウザã§ä¸€è²«ã—ã¦ç¾Žã—ã実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ select-css -GitHub select-cssã®ç‰¹å¾´ select-cssã®ãƒ‡ãƒ¢ select-cssã®ä½¿ã„æ–¹ select-cssã®ç‰¹å¾´ select-cssã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—・スマホã®å„ブラウザã§ä¸€è²«ã—ã¦ç¾Žã—ã見ã›ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã—ã¾ã™ã€‚IE 9以å‰ãªã©ã€ä¸€éƒ¨ã®ãƒ–ラウザã§ã¯ã€ã‚¢ã‚¤ã‚³ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã›ã‚“ãŒã€ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«å¯èƒ½ã§é€šå¸¸ã®ç›®çš„ã«ã¯å分ã«é©ã—ã¦ã„ã¾ã™ã€‚
![[CSS]フォームã®selectè¦ç´ ã®ç‰¹å¾´ã‚’把æ¡ã—ã€å„ブラウザã§ä¸€è²«ã—ã¦ç¾Žã—ã実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -select-css](https://cdn-ak-scissors.b.st-hatena.com/image/square/508788eb3e05c0be3c6bd36e3b8c8bf9ea7c50ae/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201901%2F2019022101.png)
ç°¡å˜ã§ä¾¿åˆ©ã™ãŽã‚‹ï¼UI用ã®ã‚·ãƒ³ãƒ—ルãªSVGアイコンをカスタマイズã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ -ICONSVG
{{#tags}}- {{label}}
{{/tags}}