如何使复选框更大？ [英] How can I make a checkbox bigger?

问题描述

我的网页使用复选框。他们看起来很小。我试图通过使用font-size：1.5em使它们更大。这似乎没有改变他们。

My web page uses checkboxes. They appear very small. I tried to make them bigger by using "font-size: 1.5em". This didn't seem to change them at all.

有一个简单的方法可以让一个复选框更大？

Is there a simple way that I can make a checkbox bigger?

b $ b

推荐答案

您可以使用图片执行此操作。

You can do this using images.

CSS

#mycheckbox
{ 
    display: none; 
}

#mycheckbox + label
{ 
    float: left; 
    width: 200px; 
    height: 200px; 
    background: url('/path/to/photo_of_big_unchecked_box.png'); 
}

#mycheckbox:checked + label
{ 
    background: url('/path/to/photo_of_big_checked_box.png'); 
}

HTML

<input type="checkbox" name="mycheckbox" id="mycheckbox"><label for="mycheckbox"></label>

这是实现目标的一种方法。

That's one way you might accomplish the goal.

EDIT

这里是IE

这篇关于如何使复选框更大？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！