divで作成したテキストボックス内の横スクロールバーとバックカラー

解決済

質問者：kkk2998
質問日時：2006/11/04 22:17
回答数：3件

お世話になります。

以下のhtml記述で、
(1)横スクロールバーを消したい（縦はそのまま生かしたい）
(2)テキスト内(div内)のバックカラーを変更したい
(3)スクロールバーの色を変更したい（無理？）
のやり方を教えて頂きたく、どなたかご存知の方、
どうぞよろしくお願いします。

<html>
<body>
<div style="width: 12em; height: 4em; overflow: scroll;">
<p>
<a href="***.htm">TEST 01</a><br>
<a href="***.htm">TEST 02</a><br>
<a href="***.htm">TEST 03</a><br>
</p>
</div>
</body>
</html>

以上

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： dezimac
回答日時：2006/11/04 22:29

1)

overflow: auto;
とすれば、大抵のブラウザで縦スクロールのみになります。

2)
バックグランドカラーを指定すればいいだけです。
background-color: #ffff00;

3)
一応、出来ない事はないですが、Windows版IEでしか通用しません。
http://tohoho-web.com/css/reference.htm#scrollba …

- 0
- 件

通報する

この回答へのお礼

ご回答頂き、ありがとうございました。
試した所、うまくいきました＾＾

通報する

お礼日時：2006/11/05 14:45

No.3

回答者： MAN_MA_RUI
回答日時：2006/11/05 02:06

kkk2988さん、こんばんは。

MAN_MA_RUIという者です。

> (1)
overflow:scroll;をoverflow-y:scroll;にすればIEとFirefox 1.5以降ではそれ以外、例えばNetscape 8とかOperaとかでは表示が崩れます。
bodyタグなどに適用する場合はいいのですが、それ以外にはあまり適用しないほうがいいですよ。

> (2)
他の方が説明されているとおりでいいと思います。私が説明するまでもありません。

> (3)
可能ですが、Windows版IE5.5以降（独自拡張）とOpera7以降（IE互換仕様）しか対応していません。
それ以外のブラウザではOS標準のスタイルで表示されます。
特定環境でしか表示できないというのを知っておけば、使ったときトラブルに遭遇することもないんじゃないかな？
http://www.tagindex.com/stylesheet/page/scrollba …

- 0
- 件

通報する

この回答へのお礼

ご回答頂き、ありがとうございました。

通報する

お礼日時：2006/11/05 14:46

No.2

回答者： 345itati
回答日時：2006/11/04 22:33

1.IEのみの独自拡張なら、縦方向のみのスクロールバー表示も可能。

但し非IE系レンダリングエンジンのブラウザ(Firefox等)ではエラー扱いになってしまうので止めた方がいいかもしれない。
overflow-x: ; で横、overflow-y: ;で縦のスクロールバーの表示方法を指定。指定方法はoverflowと同じ。
2.スタイルシートに、
background-color: #ff0000;
等でbackground-color要素を記述すれば出来る
3.IEの独自拡張なら可。非IE系ではエラー扱いで適用されない。
→http://allabout.co.jp/internet/hpcreate/closeup/ …