CSSã§ã€buttonè¦ç´ ã¨inputè¦ç´ ã®ãƒ†ã‚ストを美ã—ãæƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ãªã©ã€buttonè¦ç´ ã¨inputè¦ç´ を並ã¹ã¦é…ç½®ã—ãŸéš›ã«ã€ãれらã®ãƒ†ã‚スト（アイコンも）を垂直方å‘ã«ç¾Žã—ãæƒãˆã¦é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ ボタンã¨å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã®é«˜ã•ã¯è‡ªç”±ã«å¤‰æ›´ã§ãã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚普通ã«å¤‰æ›´ã§ãã‚‹ã®ã§ã€ã‚¹ãƒ‹ãƒšãƒƒãƒˆã¨ã—ã¦ç™»éŒ²ã—ã¦ãŠãã¨ä¾¿åˆ©ã§ã™ã€‚ buttonè¦ç´ ã¨inputè¦ç´ ã®ãƒ†ã‚ストをæƒãˆã‚‹ インタラクティブãªè¦ç´ ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’åž‚ç›´æ–¹å‘ã«æƒãˆã‚‹ã®ã«è‹¦åŠ´ã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ã‚ãªãŸã¯ä»²é–“ã§ã™ã€å¤šãã®äººãŒçµŒé¨“ã—ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€line-height, padding, flexboxを使用ã—ã¦ã€buttonè¦ç´ ã¨inputè¦ç´ ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä¸å¤®ã«é…ç½®ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ã¾ãšã€ã‚´ãƒ¼ãƒ«ã‚’明確ã«ã—ã¦ãŠãã¾ã—ょã†ã€‚ buttonè¦ç´ ã¨inputè¦ç´ ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯å®Œç’§ã«æƒãˆã¾ã™ã€‚ buttonè¦ç´ ã¨inputè¦ç´ ã®é«˜ã•ã¯
{{#tags}}- {{label}}
{{/tags}}