Member 14195352 Ответов: 0

Как исправить инструментарий "Аякса", но стиль "Аякса" __комбобокс_textboxcontainer входные ширина 100% не совместим с браузером Mozilla


У меня есть инструментарий "Аякса", но стиль "Аякса" __комбобокс_textboxcontainer входные ширина 100% не совместим с браузером Mozilla

Что я уже пробовал:

.WindowsStyle ."Аякс" __комбобокс_inputcontainer {
}

.WindowsStyle ."Аякс" __комбобокс_textboxcontainer {
ширина: 100%;
}

.WindowsStyle ."Аякс" __комбобокс_ввода textboxcontainer {
ширина: 100%;
граница: 1px solid #ced4da;
границы верхнего левого радиус: 3 пиксела;
границы-снизу-влево-радиус: 3 пиксела;
граница справа: 0px !важно;
положение: относительное;
высота: 35px !важно;
}

.WindowsStyle ."Аякс" __комбобокс_buttoncontainer {
}

.WindowsStyle .кнопка buttoncontainer Аякс__комбобокс_ {
фон-положение: центр;
граница: 1px solid #ced4da;
высота: 35px !важно;
ширина: 27px !важно;
цвет фона: прозрачный;
заполнение: 20px !важно 0px 0px 0px;
граница-вверху справа-радиус: 2px;
границы-снизу-вправо-радиус действия: 2 пикселя;
границы слева: 0px !важно;
маржа-топ: 5px !важно;

}
.WindowsStyle .ajax__combobox_buttoncontainer кнопка:фокус {
контур: 1px solid #007bff !важно;
}

.WindowsStyle ."Аякс" __комбобокс_itemlist {
маржа: 0px;
прокладка: 0px;
курсор: по умолчанию;
список-стиль-тип: нет;
выравнивание текста: слева;
}

.WindowsStyle ."Аякс" __комбобокс_itemlist ли {
цвет границы: #ced4da;
цвет фона: прозрачный;
белый-пространство: без переноса;
ширина: 100%;
заполнение: 0 3px 0 2px;
}
/*css-стиль для Mozilla */
@-moz-url-адрес документа-префикс() {
.WindowsStyle .кнопка buttoncontainer Аякс__комбобокс_ {
/*ширина: авто !важно;*/
margin-top: 1px !важно;
}

.WindowsStyle ."Аякс" __комбобокс_ввода textboxcontainer {
ширина: 100% !важно;
}
}
/*стиль css для IE */
@СМИ экран и (-МС-высокая контрастность: активный), (-МС-высокая контрастность: нет) {
.WindowsStyle .кнопка buttoncontainer Аякс__комбобокс_ {
margin-top: 6px !важно;
}
}

Vincent Maverick Durano

Я бы избегал AJAX Control Toolkit, когда это возможно, и вместо этого использовал бы адаптивный /кроссбраузерный CSS, такой как bootstrap или jQuery.

0 Ответов