删除css中复选框的"框"

Question

我试图删除复选框字段的实际框,只是使文本可单击.我怎么能用JS和css做到这一点？我开始使用按钮,但我切换到复选框,因为盒子的"状态"比按钮更容易找到.但是现在我正在用css对页面进行抛光以获得更好的格式和布局,这些方框正在阻碍,我更希望文本可以在没有框的情况下进行点击.

Answer 1

您可以使用CSS隐藏它 display: none;

HTML

<input type="checkbox" name="a" id="a" value="a" /><label for="a">asdf</label>?

CSS

#a {
    display: none; /* visibility: hidden works too */
}?

请参阅此处了解和之间visibility:hiddendisplay:none的区别.

DEMO