增加悬停CSS上复选框/单选按钮的大小

我正在尝试创建一个视觉上可访问的主题，并希望通过CSS增加

悬停

上复选框/单选按钮的大小

我尝试过很多东西，但都不管用，下面是一个例子

.checkbox input[type="checkbox"] + label span:hover {
    width: 40px !important;
    height: 40px !important; 
}

这是我正在处理的页面

---

感谢您在这方面提供的任何帮助

像这样的方法应该可以奏效

input[type=checkbox]：悬停{
-ms变换：比例（2）；/*IE*/
-莫兹变换：比例（2）；/*FF*/
-webkit转换：缩放（2）；/*Safari和Chrome*/
-o变换：缩放（2）；/*Opera*/
变换：尺度（2）；
}

我有一辆自行车

寻求代码帮助的问题必须包含在问题中重现所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。请参阅。注意，该CSS代码中使用的选择器选择悬停的

span

，它是一个标签的子代，该标签是一个复选框的同级，该复选框是类为“checkbox”的元素的子代。因此，最终成为40px x 40px的元素是

标签中的
span
，而不是复选框…嗨，我在您提供的链接中看到的代码中没有span。您可能希望允许用户将鼠标悬停在div.checkbox中的任何位置，并将整个内容放大，这样就很容易看到这是一个可访问性问题，所以请尝试。checkbox:hover{transform:scale（1.5）；}注意，您可以使用（图标看起来像编辑器工具栏中的
），这样用户就不必去其他地方查看正在运行的CSS。此外，不再需要供应商前缀（包括自版本10以来的IE）。@Hereticsmonkey感谢您的推荐。没有供应商前缀，我无法让它工作，但代码片段确实工作了