jquery按钮在chrome中没有正确对齐

Question

我正试图在输入处添加一个按钮。

它正在使用IE9，但我有铬15.0.874.121米的位置问题，有时应用缩放到铬按钮正确对齐

以下是http://jsbin.com/etacap/latest

示例

谢谢！

Answer 1

通过修改.deleteButton类，你可以达到一些体面的效果。

.deleteButton{
  position:absolute;
  right:0;
  top:3px; /*or 16%*/
}

然而，T_T仍有2个像素的差异。理想情况下，铬为4px，ie为2。

编辑：或者您也可以这样做：

...
myButton.height(myText.height()+2);
var top = $.browser.webkit ? '4px' : '2px';
myButton.css('top', top);

Answer 2

你可以设计chrome，使其在chrome中正确呈现，然后使用IE条件注释来呈现IE特定样式