如何使用CSS或JavaScript为复选框使用图像？

这显然是一个非常简单的问题，但我以前从未做过这样的事情。我的设计师想要这样的复选框（在左边。复选框是灰色的，其他是白色的）

---

对于这类事情，我使用jQuery UI。例如：

以及一些示例代码：

<script>
$(function() {
    $( "#check" ).button();
    $( "#format" ).buttonset();
});
</script>

$（函数（）{
$（“#检查”）.button（）；
$（“#格式”）.buttonset（）；
});

对于这类事情，我使用jQuery UI。例如：

以及一些示例代码：

<script>
$(function() {
    $( "#check" ).button();
    $( "#format" ).buttonset();
});
</script>

$（函数（）{
$（“#检查”）.button（）；
$（“#格式”）.buttonset（）；
});

一种方法是使用带有背景图像的span（空框），隐藏相关复选框，并将clickhandler分配给span（onclick:change checked attribute of the related hidden checkbox，相应地更改span的背景图像）

---

下面是一个想法，即使用带有背景图像的span（空框），隐藏相关复选框，并将clickhandler分配给span（onclick:change checked attribute of the related hidden checkbox，相应地更改span的背景图像）

---

以下是其中之一

我没有在我的网站中使用“jQuery UI”，对于这一小部分视觉效果，你认为我应该在我的javascripts中包括jQuery UI核心和UI小部件吗？我会的，jQuery UI也会处理复选框的跨浏览器问题：）我没有在我的网站中使用“jQuery UI”，对于这一小部分视觉效果，您认为我应该将jQuery UI核心和UI小部件包括到我的javascripts中吗？是的，jQuery UI还可以处理复选框中的任何跨浏览器问题：）