如何阻止textareas在两个不同版本的Chrome上看起来不同？

跨浏览器测试让我在最好的时候头痛，但这一次真的让我很难过。我在Google Chrome （和Mac上）中开发了我的网站，并且最近更新了搜索功能并重新设置了搜索输入区域。如何阻止textareas在两个不同版本的Chrome上看起来不同？

我注意到，当我在Internet Explorer中进行跨浏览器检查时，网站右上角的搜索输入中的文本没有像在chrome上一样定位。

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

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

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

您可以在这里http://tinyurl.com/8uaajmz

提前感谢大家观看我的网站！

来源

2012-10-23 Dan

您的＃search_bar_2 CSS规则都有_在名称的开头将其更改为：

text-indent:10px !important;

和你的罚款。不是跨浏览器问题，这是一个错字问题。

来源

2012-10-23 10:56:41

感谢您的回复瑞克，我真的很感激它。但不幸的是，这并不能解决我遇到的问题。我已经取出了_text-indent（我最初将其作为IE浏览器入侵），而且我的Mac上的Chrome浏览器中的搜索框仍然以不同的方式显示，而不是Chrome上的Chrome浏览器。 PC没有显示任何缩进，而在我的Mac版Chrome上有10px缩进。 – Dan

没问题。如果你有一个很棒的时刻，那么你不会介意接受它作为答案。 –

如何阻止textareas在两个不同版本的Chrome上看起来不同？

回答

相关问题