Web制作者ãŒè‹¦ç—›ã ã¨æ„Ÿã˜ã¦ã„ã‚‹selectè¦ç´ ã®ä¸æº€ç‚¹ã¨ç¾Žã—ãスタイルã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãƒ•ã‚©ãƒ¼ãƒ をスタイルã™ã‚‹ã®ãŒè‹¦æ‰‹ã€ä¸ã§ã‚‚selectè¦ç´ ãŒæœ€ã‚‚苦手ã¨ã„ã†äººã¯å°‘ãªããªã„ã¨æ€ã„ã¾ã™ã€‚Web制作者ãŒè‹¦ç—›ã ã¨æ„Ÿã˜ã¦ã„ã‚‹selectè¦ç´ ã®ä¸æº€ç‚¹ã€selectè¦ç´ をクãƒã‚¹ãƒ–ラウザ対応ã§ç¾Žã—ãスタイルã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€selectè¦ç´ ã«å¯¾ã™ã‚‹ãƒ–ラウザã®é€²åŒ–ã®ç´¹ä»‹ã—ã¾ã™ã€‚ The Current State of Styling Selects in 2019 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« selectè¦ç´ を美ã—ãスタイルã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ドãƒãƒƒãƒ—ダウンã®å†…å´ã®ã‚¹ã‚¿ã‚¤ãƒ« selectè¦ç´ ã®ä¸æº€ç‚¹ selectè¦ç´ ã«å¯¾ã™ã‚‹ãƒ–ラウザã®é€²åŒ– ã¯ã˜ã‚ã« 2019å¹´ã€CSSã§æœ›ã¾ã‚Œã¦ã„る機能ã®ä¸€ã¤ã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã§ã—ãŸã€‚トップ5ã«å…¥ã£ã¦ã„ã¾ã™ã€‚ Greg Whitworthã®ãƒ‡ãƒ¼ã‚¿ã«ã‚ˆã‚‹ã¨ã€ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ ã®
[CSS]フォームã®selectè¦ç´ ã®ç‰¹å¾´ã‚’把æ¡ã—ã€å„ブラウザã§ä¸€è²«ã—ã¦ç¾Žã—ã実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -select-css![[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)
{{#tags}}- {{label}}
{{/tags}}