Стили для CSS-классов в iframe

Question

Вдохновлен новым User Flair , но вопрос относится и к общему случаю.

Допустим, я хочу включить что-то подобное на сайт, который не позволяет мне указывать внешние стили или использовать какой-либо код JavaScript. Единственное, что я могу сделать, это вставить в object, embed или iframe и какой-то другой простой HTML. Кроме того, ширина пространства составляет всего 160 пикселей, а не 200, требуемых по умолчанию для значка таланта.

Чтобы это исправить, я хочу установить стили для класса valuable-flair в iframe, а именно изменить ширину на 160px вместо 200px. Тогда все будет хорошо, пока имя пользователя не перекрывается (и даже тогда, когда я это выясню, я могу использовать ту же технику, чтобы поиграть и с этим).

Как это можно реализовать?

Answer 1

Невозможно изменить дизайн Iframe с помощью CSS, если вы не можете управлять страницей в атрибуте SRC.

Я рекомендую вместо этого прочитать src iframe на стороне сервера (используя PHP, Python или что вам нравится), например, fopen () src и fread () в переменную, затем некоторые str_replace для этой переменной (для извлечения содержимого, удаления , ...) играют с дизайном и помещают результат на вашу страницу

Таким образом, вы можете контролировать дизайн.

Answer 2

Если CSS для ширины и высоты выражается в процентах, а не в абсолютных значениях, вы можете отрегулировать ширину, настроив IFrame. Однако, если хостинг пользовательской реализации невозможен для вас, вам не повезло без JavaScript.