跨浏览器测试让我在最好的时候头疼,但这个确实让我很难过。 我在谷歌浏览器(以及在Mac上)开发了我的网站,并且最近更新了搜索功能并重新设置了搜索输入区域的样式。
我注意到当我在Internet Explorer中进行跨浏览器检查时,网站右上角搜索输入中的文本放置方式与Chrome上的位置不同。
在我的Chrome版本中,文字距离包装盒的左边缘10px,所以它恰好位于那里。但是,在Internet Explorer上,它正好违背了盒子的格式。
问题出现了 - 当我在Chrome上打开我的网站 时,输入中的文字定位方式与IE中显示的方式相同。
我认为这是因为我的Mac上的Chrome版本与PC上的版本不同。任何人都可以帮我解决这个问题,以便文本可以很好地适应这些浏览器吗?
您可以在http://tinyurl.com/8uaajmz
查看我的网站先谢谢大家!
答案 0 :(得分:0)
#search_bar_2的CSS规则在名称的开头有一个_,将其更改为:
text-indent:10px !important;
你没事。不是跨浏览器问题,这是一个错字问题。