如何在twitter bootstrap中设置输入复选框的样式?

Cri*_*tos 13 css twitter-bootstrap

我必须使输入复选框变得简单,但在bootstrap中找不到某种可选类,也在github上搜索了一些库,并且找不到任何简单的基础.

感谢帮助.

Dex*_*ave -21

只需向该输入元素添加一个 id(如果它只是一个复选框)或类并为其定义 css:

CSS 和 HTML

“customId”是您为自定义输入标签提供的 ID:

<input id="customId" />

input#customId{
   background: #888 !important;
   border: none !important;
   color: #000 !important;
}
Run Code Online (Sandbox Code Playgroud)

只要覆盖你想要的任何样式...

重要提示:只需将 !important 添加到样式末尾即可强制覆盖

  • 这是如何被接受的答案?这对于 Bootstrap 复选框根本不起作用。 (12认同)
  • 不仅如此,在每个样式声明的末尾添加 !important 是一个可怕的想法,应该尽可能避免,以支持级联(毕竟,它是级联样式表)。 (4认同)
  • 我不认为这回答了有关复选框的原始问题。这段代码适用于输入(即文本),但复选框不能像这样通过 CSS 轻松设置样式。 (2认同)