如何阻止文本区域在两个不同版本的 chrome 上看起来不同？答案

【问题标题】：How to stop textareas looking different on two different versions of chrome?如何阻止文本区域在两个不同版本的 chrome 上看起来不同？
【发布时间】：2012-10-23 10:34:20
【问题描述】：

跨浏览器测试在最好的时候让我很头疼，但这个真的让我很难过。我在 Google Chrome（和 Mac）中开发了我的网站，最近更新了搜索功能并重新设计了搜索输入区域的样式。

我注意到，当我在 Internet Explorer 中进行跨浏览器检查时，网站右上角搜索输入中的文本与 chrome 上的定位方式不同。

在我的 Chrome 版本中，文本距离框的左边缘 10 像素，所以它很好地坐在那里。然而，在 Internet Explorer 上，它正好在盒子的边缘。

问题出在这里 - 当我在 PC 上在 Chrome 中打开我的网站时，输入中的文本的位置与它在 IE 中的显示方式相同。

我认为这是因为我 Mac 上的 Chrome 与 PC 上的版本不同。谁能帮我解决这个问题，以便文本在这些浏览器中很好地放置？

你可以在这里查看我的网站http://tinyurl.com/8uaajmz

提前谢谢大家！

【问题讨论】：

标签： html css internet-explorer google-chrome input

【解决方案1】：

#search_bar_2 的 CSS 规则在名称开头有一个 _，将其更改为：

text-indent:10px !important;

你很好。不是跨浏览器问题，而是错字问题。

【讨论】：

感谢瑞克的回复，非常感谢。但是，不幸的是，这并不能解决我遇到的问题。我已经删除了 _text-indent（我最初将其作为 IE hack 放入）并且搜索框在我的 Mac 上的 Chrome 上的显示仍然不同于它在 PC 上的 Chrome 上的显示方式。 PC 没有显示任何缩进，而我的 Mac 版 Chrome 有 10 像素的缩进。
没问题。如果您不介意在有时间的时候接受它作为答案，那就太好了。