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

时间:2012-10-23 10:34:21

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

跨浏览器测试让我在最好的时候头疼,但这个确实让我很难过。 我在谷歌浏览器(以及在Mac上)开发了我的网站,并且最近更新了搜索功能并重新设置了搜索输入区域的样式。

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

在我的Chrome版本中,文字距离包装盒的左边缘10px,所以它恰好位于那里。但是,在Internet Explorer上,它正好违背了盒子的格式。

问题出现了 - 当我在Chrome上打开我的网站 时,输入中的文字定位方式与IE中显示的方式相同。

我认为这是因为我的Mac上的Chrome版本与PC上的版本不同。任何人都可以帮我解决这个问题,以便文本可以很好地适应这些浏览器吗?

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

查看我的网站

先谢谢大家!

1 个答案:

答案 0 :(得分:0)

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

text-indent:10px !important;

你没事。不是跨浏览器问题,这是一个错字问题。