JQuery Аккордеонные Большие Иконки

Question

Я пытаюсь поместить значок больше, чем по умолчанию 16x16 в заголовке аккордеона. Я делаю это с помощью следующего кода:

.ui-accordion-header.user .ui-icon {
background: url(../../Content/Images/User.gif);
height: 32px;
width: 32px;

}

Проблема в том, что нижняя часть иконки обрезана и не отцентрирована. Есть ли что-то, чего мне не хватает, или мне нужно войти и переопределить некоторые из настроек по умолчанию CSS.

Answer 1

Я думаю, тебе нужно

.ui-accordion .ui-accordion-header { height: 32px /* or more */; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 32px /* or more */; }

.Значок установлен на position: absolute, поэтому заголовок не расширяется, чтобы соответствовать значку.

Довольно легко сделать аккордеон домашнего приготовления, но вы бы отказались от поддержки ARIA, любой доступности клавиатурывстроенный в виджет и т. д.

Answer 2

По моему личному опыту, настройка компонентов jQuery имеет смысл только в том случае, если вы используете их набор и стараетесь поддерживать единообразный внешний вид.

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