Jqtransform firefox和chrome中的bug

时间:2011-02-22 02:46:45

标签: jquery css

基本上,在firefox中,文本会在与输入边框重叠的位置向下推。我读到这可以通过将.jqTransformInputInner div输入的填充更改为所有0px来修复。它可以正常工作,但是它会使它在chrome中不对齐。

我该如何解决这个问题?

或者是否可以为不同的浏览器设置两个不同的填充值?

2 个答案:

答案 0 :(得分:1)

这对我有用:

http://rafael.adm.br/css_browser_selector

下载js

并使用jqtransform.css中的以下内容:

.ie .jqTransformInputInner div input {padding:6px 0px 0px 0px;}

.gecko .jqTransformInputInner div input {padding:1px 0px 0px 0px;}

.chrome .jqTransformInputInner div input {padding:5px 0px 0px 0px;}

答案 1 :(得分:0)

事实证明,chrome被检测为safari,而且这个css标签会影响输入字段中文本的位置。

.jqTransformSafari .jqTransformInputInner div input { 

只是搞乱了top属性。