【问题标题】:How to ignore css property by override (bootstrap 3)?如何通过覆盖(引导程序3)忽略css属性?
【发布时间】:2015-09-05 16:37:26
【问题描述】:

在引导 css 中有以下内容:

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}

我想忽略height:50px,让它变成:

.navbar-brand {
  float: left; 
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}

但我不想修改引导 css 本身。相反,我想覆盖它。我用什么覆盖它?我试过了:

.navbar-brand {
  height:100%;
}

.navbar-brand {
  height:ignore;
}

这些都不起作用。

我还有一个:

.navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { 宽度:自动; }

当我摆脱上述情况时,情况看起来还不错。我如何覆盖这个以使其表现得好像它已被删除?

【问题讨论】:

  • height:auto 怎么样?
  • 你希望高度是多少...
  • 添加您自己的 CSS 类,最好在您自己的样式表中。如果它不起作用,请尝试在声明中粘贴 !important
  • @Lee important 通常意味着您没有正确的特异性。这是一个拐杖,应该每一个其他途径都用尽之后使用....并且即使如此,也要定期审查。 tl/dr 不要使用重要的。
  • 我不知道,我只知道当我去掉 height:50px 时,看起来还不错!所以我只想不指定高度,或者如果从未指定高度,则“默认”行为是什么。我没有想要“覆盖”任何东西的高度,当我没有任何东西可以放在 !important 旁边时,!important 对我没有任何作用。

标签: css twitter-bootstrap


【解决方案1】:

如您所见here,未指定时的默认高度值为auto

所以,你只需要使用这个值来覆盖它。

【讨论】:

    猜你喜欢
    • 2012-05-13
    • 2016-05-07
    • 2014-02-14
    • 2014-05-06
    • 1970-01-01
    • 2013-12-16
    • 1970-01-01
    • 1970-01-01
    • 2019-08-02
    相关资源
    最近更新 更多