Just nu i M3-nätverket
Gå till innehåll

Använda CSS i IFRAME ..


SwAsH

Rekommendera Poster

Hej,

 

Jag försöker ändra på en scroll-bar i en IFRAME. Dvs, när sidan i en IFRAME måste scrollas så vill jag att den lilla scroll-baren till höger skall ha andra färger än standard. Jag har glort en stylesheet som ser ut så här:

 

BODY {

background-color : Gray;

color : #000000;

font-family : Verdana;

font-size : 11;

background-image : url(images/bg.gif);

background-repeat : repeat;

scrollbar-base-color: #dddddd;

scrollbar-arrow-color: #AAAAAA;

scrollbar-highlight-color: #ffffff;

scrollbar-3dlight-color: #aaaaaa;

scrollbar-darkshadow-color: #bbbbbb;

scrollbar-track-color: #eeeeee;

}

 

Den gör så att hela min sida får andra färger än original i scroll listan. Men däremot på min IFRAME återkommer original scrollern, ett sätt att fixa det är att åberopa samma stylesheet i sidan som laddas in i min IFRAME, men kan man inte koppla in så att alla sidor oavsett urprung som laddas in i min IFRAME får min modifierade scroll bar?

 

// Micke

Länk till kommentar
Dela på andra webbplatser

det här borde ju göra susen:

<html>
<head>
<style type="text/css">
div{
border:1px solid red;
scrollbar-base-color: #dddddd;
scrollbar-arrow-color: #AAAAAA;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #aaaaaa;
scrollbar-darkshadow-color: #bbbbbb;
scrollbar-track-color: #eeeeee;
}

</style>	
</head>

<body>
<div style="width: 320px; height: 240px; overflow-x:auto; overflow-y:auto">
	<iframe scrolling="no" style="width: 640px; height: 480px; overflow-x: hidden; overflow-y: hidden;" src="http://www.aftonbladet.se/"></iframe>
</div>
</body>
</html>

fst du får ändra bredden och höjden på båda elementen så den passar det du ska ladda i iframen.

 

/Telle

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...