【问题标题】:How can I set a text input's width to 0px with Bootstrap included?如何在包含 Bootstrap 的情况下将文本输入的宽度设置为 0px?
【发布时间】:2015-02-18 06:43:15
【问题描述】:

我想要一个 0 宽度的输入,它可以扩展到视图中,但似乎 Bootstrap 的样式不允许我在没有 !important 的情况下执行此操作。但是当我将它标记为!important 时,我似乎无法使用jQuery 的.animate({width: "170px"}, 200) 使其扩展。

也许另一种方法可以使框展开到视图中?

【问题讨论】:

  • javascript 设置内联样式,!important 覆盖内联样式,这就是为什么这不起作用。而是在输入上设置内联样式。
  • 使用比 Bootstrap 更强大/更具体的选择器。
  • 哦,是的,@panther 的解决方案非常完美!我对网页设计比较陌生,我没有想到这一点。您可以将其发布为答案,如果您愿意,我可以将其标记为正确。
  • "!important" 顾名思义会覆盖所有其他样式,并且应该非常小心地使用,否则您可能会遇到意想不到的结果......也许发布一个小提琴,但尝试添加另一个类该元素,然后在动画中编辑该类
  • 顺便说一句,您可以在制作动画之前删除!important

标签: javascript jquery css twitter-bootstrap jquery-animate


【解决方案1】:

使用比 Bootstrap 更强大/更具体的选择器。

Bootstrap 在他们的 CSS 中使用了很多类,因此更强大的选择器将是每个都有 ID。例如。 #content .col-md-6 .col-md-4.col-md-6 .col-md-4 等强。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-02-15
    • 2018-08-26
    • 2021-05-04
    • 2010-12-21
    • 1970-01-01
    • 2014-10-07
    • 1970-01-01
    相关资源
    最近更新 更多