Можно ли «убрать» стили с HTML-элементов?
Мне интересно, можно ли восстановить стиль элемента до состояния «по умолчанию» с помощью Javascript или иным образом.
Мне нужно это сделать, потому что я вставляю HTML на сторонние веб-страницы и не могу контролировать, какие стили они приписывают различным элементам. Например, они могут иметь:
div {
margin: 10px;
padding: 5px;
line-height: 10px;
font-size: 150%;
border: 10px solid yellow;
foo: bar;
}
Есть ли простой способ удалить все стили и вернуть их к настройкам по умолчанию? Есть ли вообще список стилей по умолчанию?
Спасибо
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 4
Стили по умолчанию определяются каждым браузером, и, как вы можете догадаться, стили во всех браузерах немного отличаются. Вы можете определить каждый атрибут стиля и назначить его для наследования! Important:
div {
margin: inherit !important;
padding: inherit !important;
line-height: inherit !important;
font-size: inherit !important;
border: inherit !important;
foo: inherit !important;
}
Я не совсем уверен, что это сработает, поэтому я посмотрю вокруг и попробую.
Если вы можете загрузить свой собственный CSS (или внутреннюю таблицу стилей), вы можете установить идентификатор элемента, и эти стили будут иметь приоритет над общими стилями div {}.
Вы всегда можете определить класс сброса или аналогичный со всеми правилами стиля по умолчанию, а затем использовать JS для применения этого стиля к элементам, которые вы хотите сбросить. например
.reset {
margin: 0 !important;
color: #000 !important;
... etc ...
}
а затем какой-нибудь jQuery, например:
$('div').addClass('reset');
Может, сработает ...
Ответ: это больно. Похоже, мне нужно вручную объявить стиль для каждого набора элементов через JS