如何将HTML <option>控件设置为复选框</option>

时间:2010-07-02 08:30:39

标签: html css

如何设置HTML控件的样式,因为它们可以显示为使用CSS的复选框,我已经通过谷歌搜索但找不到任何好的帮助。

<html>
<select size="4" multiple="multiple">
    <input type="checkbox" name="ckbx"> Data 01 <br>
    <input type="checkbox" name="ckbx"> Data 02 <br>
    <input type="checkbox" name="ckbx"> Data 03 <br>
    <input type="checkbox" name="ckbx"> Data 04 <br>
    ><input type="checkbox" name="ckbx"> Data 05 <br>

</select>
</html>  

感谢。

3 个答案:

答案 0 :(得分:3)

使用自定义选择框

jQuery Custom Select Box

答案 1 :(得分:1)

你不能style选择下拉列表来复选框。你需要使用javascript来获得这个功能,并使用css模拟下拉式外观。有许多此类脚本可用,搜索“javascript multi select dropdown”

答案 2 :(得分:-1)

CSS无法实现。您必须更改HTML才能从select元素中创建复选框。也许您可以使用XSLT来更改HTML。