html - 删除CSS中复选框的 "box"

Question

我正在尝试删除复选框字段的实际框，并使文本可点击。我怎样才能用 JS 和 css 做到这一点？我开始使用按钮，但后来改用复选框，因为复选框的“状态”比按钮更容易发现。但是现在我正在使用 css 完善页面以获得更好的格式和布局，这些框妨碍了我，我更希望文本在没有框的情况下可以点击。

Answer 1

您可以使用 display: none;

用 CSS 隐藏它

HTML

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

CSS

/* for all inputs of type checkbox */
input[type="checkbox"]  {
   display: none;
}

/* for just the single element by id */ 
#a {
    display: none; 
    /* visibility: hidden      works too */
}​

请在此处查看 difference between visibility:hidden and display:none .

DEMO