Question

我有一个使用bootstrap主题的网页。对于一个特定的控件，在这种情况下是一个选择，我想排除样式。我怎么能这样做？

<select class="form-control" id="SelectNoStyle">
</select>

Answer 1

是的，你可以轻松完成。你只需要删除boot -rap类，如form-control，from-label等。

<select id="SelectNoStyle">
</select>

Answer 2

要更改引导样式中的任何内容，只需在自己的css中添加要更改的类或元素，它将覆盖引导程序。只需确保你的CSS在bootstrap css之后链接。引导程序中的表单元素来自forms.less（需要bootstrap source files）样式，因此找到与该文件中的select相关的任何内容，复制到您的css文件并替换您喜欢的任何内容或只删除表单控件类。

forms.less的引导样式：

     .form-control {
      display: block;
      width: 100%;
      height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
      padding: @padding-base-vertical @padding-base-horizontal;
      font-size: @font-size-base;
      line-height: @line-height-base;
      color: @input-color;
      background-color: @input-bg;
      background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
      border: 1px solid @input-border;
      border-radius: @input-border-radius;
      .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
}

你的css：

.form-control {
color:#5bc0de;
}

bootstrap如何排除某些元素的样式

2 个答案: