【问题标题】:Bootstrap's textarea renders oddly and ugly in firefoxBootstrap textarea在Firefox中呈现奇怪而丑陋的
【发布时间】:2015-06-17 10:11:42
【问题描述】:

我正在尝试使用 Bootstrap 制作主题,但我遇到了 textarea 的问题。它在 chrome 和基于 chrome 的浏览器中运行良好,但在 Firefox 中看起来很奇怪和丑陋。 Here is a working fiddle(在 Firefox 中打开)。

我该如何解决???我希望它看起来很正常。我不想通过修复这个来破坏其他任何东西。

<div>
    <br />
    <br />
    <textarea id="s" type="text" name="s" value="Enter Text" ></textarea>
</div>

【问题讨论】:

  • 为什么要修复它?这是由 FireFox 决定的风格。
  • 我不喜欢它。我猜这是一个错误。
  • 自己设计?看看在 chrome 中应用的样式并将它们复制到你的 CSS 文件中,所以它在浏览器中看起来是一样的......
  • 样式相同。但 Firefox 不知何故忽略了整个事情。无论如何,@Danko 的解决方案完成了这项工作。

标签: javascript html css twitter-bootstrap firefox


【解决方案1】:

将此添加到您的 css 部分:

textarea {
    border: 1px solid #eee;
}

【讨论】:

  • 适用于所有浏览器(包括 IE)
猜你喜欢
  • 1970-01-01
  • 2018-11-08
  • 2013-03-03
  • 1970-01-01
  • 1970-01-01
  • 2021-07-10
  • 2017-01-21
  • 1970-01-01
  • 2016-04-13
相关资源
最近更新 更多