#css #dojo
#css #dojo
Вопрос:
В нашем приложении есть много кнопок типа dojo dijit.form.Button. Это отлично работает в Firefox. Однако в IE слева и справа от текста в кнопке есть дополнительные отступы. Длина заполнения пропорциональна длине текста в кнопке.
Есть ли какой-нибудь способ удалить эти заполнения?
Я поискал в Интернете и нашел способы для кнопок, например:http://www.viget.com/inspire/styling-the-button-element-in-internet-explorer
Однако это не работает для dijit.form.Button.
Обратите внимание, что dijit.form.Button находится внутри ячеек таблицы. Кажется, все в порядке (без заполнения), если кнопки нет в ячейках таблицы.
Заранее спасибо.
Комментарии:
1. возможно, вы можете использовать reset sheet для этого
2. В какой версии IE это происходит? Какую тему dojo вы используете? Вы видите ту же проблему в этом скрипте: jsfiddle.net/froden/DyvzA/3 ?
3. Версия Frode отлично работает для меня ™ даже после того, как я сменил режим браузера на IE7 (хотя кнопки без оформления выглядят странно до того, как они полностью отобразятся). Возможно, вы забыли включить одну из таблиц стилей dojo?
4. Привет, Frode, я использую IE версии 8.0 и тему Dojo tundra. В скрипте это работает нормально.
Ответ №1:
СДЕЛАТЬ:
.dijitButtonText
{
padding:0pt;
}
.dijitButtonText
{
padding:0pt;
}
.dijitButtonText
{
padding:0pt;
}
в вашем css …. если вы назначили свои кнопки в разные baseClass…do:
.myBaseClass .dijitButtonText
{
padding:0pt;
}
.myBaseClass .dijitButtonText
{
padding:0pt;
}
.myBaseClass .dijitButtonText
{
padding:0pt;
}
чтобы избежать глобальных изменений для каждой кнопки dojo…