Проблема масштабирования в параметрах поля со списком (mozilla firefox)

Я настраиваю родительский div, чтобы он соответствовал области браузера клиента.

-> в chrome я использовал свойство масштабирования, которое правильно масштабирует все элементы внутри, включая combobox

-> А в mozilla он не масштабирует «параметры выпадающего списка», он фактически находится в стороне.

  
option 1 option 2 option 3

Fiddle

Я обнаружил здесь тот же вопрос: здесь, но здесь говорится только о проблемах со списком.


Определенно похоже на ошибку в firefox. Я тоже столкнулся с подобной проблемой. В качестве временного взлома я заменил поля выбора на легкий плагин jQuery под названием selectric. См. - http://jsfiddle.net/19mkxd8g/5/

  $ (function () {$ ('select'). Selectric ();}); код> 



Масштабирование CSS3 не работает для в Firefox 34.0. 5

У меня есть вопрос об использовании масштабного преобразования CSS3. Может ли кто-нибудь объяснить, почему это масштабное преобразование не работает в Firefox (в настоящее время используется 34.0.5), но работает в Opera?

HTML:

   наведите меня!   

CSS:

  a {-webkit-  преобразовать: масштаб (1);  -moz-transform: scale (1);  -ms-transform: scale (1);  -о-преобразование: масштаб (1);  преобразовать: масштаб (1);  -webkit-transition: преобразование 1 с легкостью;  -moz-transition: преобразовать легкость в 1с;  -o-transition: преобразовать 1 с легкостью;  переход: преобразование 1 с легкостью;} a: hover {-webkit-transform: scale (1.5,1.5);  -moz-transform: scale (1.5,1.5);  -ms-transform: scale (1.5,1.5);  -о-преобразование: масштаб (1.5,1.5);  transform: scale (1.5,1.5);}  

>> JSFiddle здесь


Установите ссылку на display: inline-block .

Обновленный скрипт


Ссылка - это встроенный элемент. И к нему нельзя применить преобразования CSS, как указано здесь:

Преобразования применяются к трансформируемым элементам.

Трансформируемыми элементами являются:

Трансформируемый элемент - это элемент одной из следующих категорий:

  • элемент, расположение которого регулируется с помощью блочной модели CSS, которая является либо блочным, либо атомарным встроенным элементом, или чье свойство display вычисляется для table-row, table-row-group, table-header-group, table-footer-group, table-cell , или table-caption [CSS21]

  • элемент в пространстве имен SVG и не регулируемый блочной моделью CSS, которая имеет преобразование атрибутов, 'patternTransform' или gradientTransform [SVG11].

Оцените статью
clickpad.ru
Добавить комментарий