html - 如何使复选框看起来像按钮并适合所有屏幕尺寸

我在下面有一个复选框：

foreach($options as $indivOption) {
   echo '<input type="checkbox" name="options[]" id="option-' . $indivOption .
        '" value="' . $indivOption . '" /><label for="option-' . $indivOption .
        '">' . $indivOption . '</label>';
}

我的问题很简单，就是如何将复选框转换为类似按钮的外观。我希望该设计在所有浏览器上都能使用并且在所有屏幕尺寸上都可以使用，但是有人知道如何做到这一点吗？

最佳答案

您只需要玩一下填充。

关于html - 如何使复选框看起来像按钮并适合所有屏幕尺寸，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14775345/