NO.78 スクロールバーを消す

スクロールバーの装飾はIE独自仕様です。

スクロールバーの色を背景色と同化させる
スクロールバーに関する色設定を全て背景色と同じ色にする事により、見た目上はスクロールバーを非表示に出来ます。
IEだとBODYにscroll属性でnoを指定すると普通に消せるようですが・・・

<style type=text/css>
<!--
body{scrollbar-face-color:black;
scrollbar-base-color:black;
scrollbar-track-color:black;
scrollbar-highlight-color:black;
scrollbar-shadow-color:black;
scrollbar-3dlight-color:black;
scrollbar-darkshadow-color:black;
scrollbar-arrow-color:black
}
-->
</style>

テキストエリア・インラインフレーム等場合
背景色に同化させて、後は枠も消してしまえばおｋです。

<iframe src=index.html style="width:30%;height:30%;border:0px;scrollbar-face-color:black;scrollbar-base-color:black;scrollbar-track-color:black;scrollbar-highlight-color:black;scrollbar-shadow-color:black;scrollbar-3dlight-color:black;scrollbar-darkshadow-color:black;scrollbar-arrow-color:black">
</iframe>
</style>

上記の内容を応用
◆HEAD内の記述 <style type="text/css">  </style>
◆BODY内の記述 <textarea class=Z1> scrollbar-face-color:black; scrollbar-base-color:black; scrollbar-track-color:black; scrollbar-highlight-color:black; scrollbar-shadow-color:black; scrollbar-3dlight-color:black; scrollbar-darkshadow-color:black; scrollbar-arrow-color:black </textarea><br>
◆実行例

前に戻る　次に進む

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送