У меня проблема с переопределением некоторых плагинов CSS. Редактировать этот CSS напрямую - не вариант, так как это сделает обновление плагина более рискованным.
Проблема: элемент имеет абсолютное позиционирование и в оригинале имеет значение top: 0px. Я хочу переопределить его снизу: 0px.
Ради примера
.element {position:absolute; top:0;}
/* in another file */
.my .element {bottom:0;}
В firefox это работает нормально (внизу: 0 - примененный стиль), но safari / chrome, похоже, не выходит за рамки: 0.
Я могу обойти эту проблему, но было бы неплохо найти чистое решение.
css
webkit
css-position
Маркус
источник
источник
Ответы:
Используйте
top: auto
для «сброса»top
до исходного значения .bottom
- это совершенно отдельное свойство дляtop
( элемент может иметь какtop
иbottom
), поэтому, возможно, вам больше не понадобитсяbottom
.Кроме того, убедитесь, что ваш селектор переопределения достаточно конкретен , но в данном случае это не похоже на проблему.
источник
.my .element { position: inherit !important; top: auto; }
источник