Блог

Главная - Вопросы по программированию - Как удалить лишнее заполнение в dijit.form.Button в IE?

Как удалить лишнее заполнение в dijit.form.Button в IE?

#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…