применение CSS к dijit кнопке

У меня есть следующий HTML и CSS:



#myBtn {
    margin-left: 100px;
}

CSS, как предполагается, нажимает кнопку в 100px. Но с тех пор dijit применяет некоторые дополнительные слои HTML вокруг кнопки, кнопка получает a 100px дополнение.

JSbin для показа проблемы

править: Найденный одним (не IE6-совместимый) решение:

[widgetid=myBtn] { margin-left: 100px; }

6
задан peirix 16 June 2010 в 10:48
поделиться

2 ответа

см. Выше :-) Обведите DIV и используйте этот DIV в своем статическом CSS.

Я думаю, что оформление с помощью HTML на самом деле может быть более простым решением, чем попытки встроить больше в виджет или шаблон виджета.

4
ответ дан 17 December 2019 в 00:03
поделиться

В этом случае вам следует добавлять не левое поле к самой кнопке, а дополнительный HTML-код вокруг созданной кнопки. Попробуйте следующее:

.dijitLeft{
    margin-left: 100px;
}

Но это действительно добавит поля к каждой кнопке. Если вы этого не хотите, добавьте поле к родительскому диапазону с помощью JavaScript после создания дополнительного HTML.

1
ответ дан 17 December 2019 в 00:03
поделиться
Другие вопросы по тегам:

Похожие вопросы: