引导输入组添加到谷歌浏览器答案

【问题标题】：bootstrap input group add on google chrome引导输入组添加到谷歌浏览器
【发布时间】：2014-05-25 18:24:04
【问题描述】：

我想问，为什么在 chrome 上我的 input-group-addon 看起来很糟糕？但在 Mozilla 上一切正常。

这是截图

http://i.stack.imgur.com/S9JJ5.jpg

有一些样式我必须编辑或添加到我的引导 css 中？

我的代码：

    <div class="input-group">
  <span class="input-group-addon" style="min-width: 75px;">NIK</span>
  <input class="form-control" style="max-width: 373px;" type="text" id="niks" name="niks" placeholder="NIK" value="<?php echo $row_edit['nik']; ?>" disabled="disabled"/><br/>
</div>

谢谢:)

【问题讨论】：

标签： php css twitter-bootstrap google-chrome

【解决方案1】：

您应该使用 css 重置来删除浏览器自定义。

其中一个：http://meyerweb.com/eric/tools/css/reset/

也许它不能解决您的具体问题，我没有尝试过。无论如何，确保它会帮助您避免将来出现此类问题。

另外我建议您避免使用内联样式。

祝你好运！

【讨论】：

感谢您的反馈，但这无助于解决我的问题，只是破坏了我的主要 css 风格:(
您是否在主css文件之前包含了重置文件？
是的，当然，我之前包含它并尝试添加之后，结果似乎相同