Кнопка пейджера JqGrid перемещается при наведении

Question

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

Обновление: я имел в виду кнопки navGrid / inlineNav. «Переместить» - я имел в виду, что это похоже на сдвиг пикселей. Я добавил немного CSS, чтобы переопределить существующую тему для сетки. Если я удаляю это, сетка работает нормально. Но с моим CSS при наведении курсора на любую кнопку он перемещается на 1 или 2 пикселя влево. Я уверен, что это как-то связано с моим добавленным CSS. Но не могу найти причину этой проблемы.

Любая помощь ценится.

Answer 1

Я не смог увидеть полный CSS, который вы используете, потому что у меня не было всех фоновых изображений, которые вы используете. Тем не менее, я надеюсь, что смог выяснить причину вашей проблемы.

В CSS, который вы используете, есть

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
    color: #444444;
    border: 0 none;
}

установка. Изменение границы на 0 при зависании после перемещения значков. Если вам не нужна граница, вы можете установить, например, border-color в transparent вместо:

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
    color: #444444;
    border-color: transparent;
}