Собствен скрол?

body {
scrollbar-face-color : peachpuff;
scrollbar-highlight-color : blue;
scrollbar-shadow-color : white;
scrollbar-3dlight-color : firebrick;
scrollbar-arrow-color : orangered;
scrollbar-track-color : green;
scrollbar-darkshadow-color : red;
}

Обаче работи само под Internet Explorer, под другите браузъри сркол бара може да се промени само с JavaScript, предполагам. И е сложно.

Всъщност сега видях, че работи под Opera и Internet Explorer, но не работи под Safari и Firefox... под Chrome вероятно също не бачи.
 
Код:
<style type="text/css">

html, body
{
	background-color: #fff;
	font: 12px arial;
	color: #000;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	
	scrollbar-face-color: #eee;
	scrollbar-highlight-color: yellow;
	scrollbar-3dlight-color: orange;
	scrollbar-darkshadow-color: aqua;
	scrollbar-shadow-color: gray;
	scrollbar-arrow-color: black;
	scrollbar-track-color: #ccc;
}

#ih999
{
	position: absolute;
	height: 100%;
	width: 500px;
	margin-left: -250px;
	left: 50%;
	text-align: justify;
	overflow: auto;
	padding-right: 3px;
}

</style>
<div id="ih999">
Текст , текст и така .  .
</div>


Надявам се да съм ви помогнал :)
btw Виждат се цветовете само с ИЕ = Интернет експлоър
:) Ии няква версия на опера май беш след 7.0 не см сигурен :) .
 
http://articles.sitepoint.com/article/colors-css-javascript
http://api.jquery.com/scroll/
На 1вия линк има и вариант с JS :P
 

Back
Горе