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

Question

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

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

在我的 Chrome 版本中，文本距离框的左边缘 10 像素，所以它很好地放置在那里。然而，在 Internet Explorer 上，它恰好位于框的边缘。

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

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

您可以在此处查看我的网站 http://tinyurl.com/8uaajmz

先谢谢大家了!

Answer 1

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

text-indent:10px !important;

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