как стиль полосы прокрутки на iframe?

можно ли изменить стиль полос прокрутки на 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??

6 ответов


нет кросс-браузерного способа стилизовать полосы прокрутки.

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

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

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


попробовать iframe body, а не только тело.

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


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


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


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

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


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