Кнопка jquery не выравнивается должным образом в Chrome

Question

Я пытаюсь динамически добавить кнопку к входу.

Он работает с IE9, но у меня проблемы с положением с хромом 15.0.874.121 м, иногда применяя масштабирование, чтобы хромировать выравнивание кнопки правильно

Вот образец http://jsbin.com/etacap/latest

Спасибо!

Answer 1

Не могли бы вы спроектировать для Chrome так, чтобы он правильно отображал в Chrome, а затем использовать условные комментарии IE для визуализации определенных стилей IE

Answer 2

Модифицируя класс .deleteButton, вы можете достичь чего-то приличного.

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

пока есть разница в 2 пикселя T_T.В идеале это было бы 4px для хрома и 2 для т.е..

РЕДАКТИРОВАТЬ: или вы могли бы сделать что-то вроде этого:

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