[CSS]ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãƒ»ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’美ã—ã実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Pretty Checkboxãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚„ラジオボタンã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’苦手ã«ã—ã¦ã„る人も少ãªããªã„ã¨æ€ã„ã¾ã™ã€‚シンプルãªHTMLã«classã‚’åŠ ãˆã‚‹ã ã‘ã§ã€ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã¨ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ãŒå®Ÿè£…ã§ãるスタイルシートを紹介ã—ã¾ã™ã€‚ 角を丸ãã—ãŸã‚Šã€ã‚«ãƒ©ãƒ¼ã‚’ã¤ã‘ãŸã‚Šã€ã¨ã„ã£ãŸã‚·ãƒ³ãƒ—ルãªã‚‚ã®ã ã‘ã§ãªãã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’使ã£ãŸã‚‚ã®ã‚‚classã‚’åŠ ãˆã‚‹ã ã‘ã§ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚
![[CSS]ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãƒ»ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’美ã—ã実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Pretty Checkbox](https://cdn-ak-scissors.b.st-hatena.com/image/square/1dd910b325a6cc2c3c080f26dc7ac70824dc0015/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201704%2F2017110701.png)
{{#tags}}- {{label}}
{{/tags}}