Значок кнопки JQuery UI не по центру Firefox - PullRequest
Новая
       29

Значок кнопки JQuery UI не по центру Firefox

1 голос
/ 28 марта 2012

У меня есть эта кнопка 

$('#galery .buttonClose').button({
    icons: {
        primary: "ui-icon-closethick",
        text: false
    }
});

css: 

  #galery .buttonClose{position: absolute; top: 3px; right: 3px; height: 30px; width: 30px;}

На Chrome работает нормально, значок центрирован на кнопке, но в Firefox значок полностью вниз

jsFiddle: http://jsfiddle.net/nDMV8/2/

Это, кажется, распространенная ошибка в jQuery UI, я думаю, что они должны что-то планировать, когда вы пытаетесь сделать кнопку без текста , чтобы правильно установить CSS и работать во всех браузерах. Как они показывают все значки на странице своих тем (внизу): http://jqueryui.com/themeroller/

Ответы [ 2 ]

2 голосов
/ 29 марта 2012

У вас также есть текст: ложная опция не в том месте, она должна быть: 

  { icons: { primary: "ui-icon-closethick" }, text: false }

Благодаря jmoerdyk

Тогда мне просто нужно было установитьвысота на 32px и фиксированная!

2 голосов
/ 28 марта 2012 
#galery .buttonClose{
    top: 3px;
    right:3px;
    height: auto;
    padding-top:5px;
    padding-bottom:5px;
    width: 35px;
}

Пример здесь . Проверено в Chrome, FF и т. Д.

enter image description here

...