Как оформить полосу прокрутки в iframe?

Question

Можно ли изменить стиль полос прокрутки в iframe?

Я попытался стилизовать его, используя следующий код, но, похоже, он не работает

html{scrollbar-arrow-color: #252604;
 scrollbar-highlight-color: #BFC097;
 scrollbar-shadow-color: #ffffff;
 scrollbar-base-color : #000000;
 scrollbar-track-color: #E2E1D4;
 scrollbar-face-color: #BFC097;
 scrollbar-3dlight-color: #EFEEEE;
 scrollbar-darkshadow-color: #999999;}

и попробовал

body{scrollbar-arrow-color: #252604;
 scrollbar-highlight-color: #BFC097;
 scrollbar-shadow-color: #ffffff;
 scrollbar-base-color : #000000;
 scrollbar-track-color: #E2E1D4;
 scrollbar-face-color: #BFC097;
 scrollbar-3dlight-color: #EFEEEE;
 scrollbar-darkshadow-color: #999999;}

Я правильно понял? просто еще одна вещь, файл в iframe находится в другом домене? У меня был опыт, когда javascript не работал, но повлияет ли это и на CSS ??

Answer 1

Попробуйте iframe body, а не только тело.

Этот будет отлично работать в браузерах Webkit (Safari & Chrome), не думайте, что будет кросс-браузерное решение Хорошо - вы могли бы с Javascript !

Answer 2

Нет кросс-браузерного способа оформления полос прокрутки.

Код, который у вас есть, работает только в Internet Explorer и только в причудливом (нестандартном) режиме.

То, что у вас есть в iframe, изолировано от главной страницы, вам нужно стилизовать полосы прокрутки на странице, где они появляются, то есть на странице, которую вы загружаете в iframe. Любые стили, применяемые к главной странице, не влияют на содержимое iframe.

Если вы не можете изменить содержимое страницы, которую вы загружаете в iframe, вы не сможете стилизовать ее полосы прокрутки.

Answer 3

Вам нужно добавить CSS на фактическую страницу в iframe, т.е. если у вас есть page.html и iframe.html, тогда CSS должен быть в iframe.html.

Однако не полагайтесь на этот CSS, он работает только в IE или Opera в режиме причуд.

Answer 4

Использование javascript (т. Е. jScrollPane ) - это единственная кросс-браузерная опция для стилизации полос прокрутки, боюсь.

Answer 5

AFAIK, вы не можете сделать это кросс-браузерным способом. Я думаю, что код, который вы использовали выше, будет работать только в IE.

Answer 6

Просто потеряйте iframe или любой другой способ создания полос прокрутки, это просто не сделано.