Geek Answers Handbook

Bootstrap how to exclude a style for a specific element

I have a webpage using a bootstrap theme. For one specificik control, in this case select, I would like to exclude the style. How can i do this?

<select class="form-control" id="SelectNoStyle">
</select>
+4
source share
2 answers

Yes, you can do it easily. You just need to remove the boot classes, such as form control, from tags, etc.

<select id="SelectNoStyle">
</select>
+1
source

- , , CSS, . , css bootstrap css. forms.less( ), -, , 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;
}
0

More articles:


All Articles