首 页   · 站长博客 · 用户注册 · 会员登陆  · 会员排行  ·最新主题  ·最近回复  精华区  版权声明  ·论坛管理
  当前登录身份:游客,请先登录。  笔名: 口令: 验证码:   
楼 主  index »  HTML/JS/CSS技术专区 » [提问]关于滚动条的问题  


  作者:slopesun
  注册时间:2004-09-07
  主题/回复:58/67
  积分:753
  等级:★★★(六级)
  称号:声名鹊起

  ken.wang@esolux...
  185627321
  www.

 

 发表:2004-10-11 23:09:34 阅读 2640 次 回复 6 次 得分2  |   字号 字色
[提问]关于滚动条的问题
  1.在form的textarea的最右边的滚动条的背景颜色是怎么实现的。能否添加滚动条背景图象呢?
  2.能不能把滚动条去掉,当然textarea内容过多的时候才显示。
 
 1#楼  
 
  回复人:海天旭日
  注册时间:2004-04-06
  主题/回复:69/145
  积分:1508
  等级:★★★★(八级)
  称号:论坛才子

   
 1#楼 发表于2004-10-11 23:23:39  评分:1 

滚动条的背景颜色及滚动条的颜色等都可以通过样式表来实现
如本站的滚动条颜色[在IE5.5以上版本才有效果]:
body{   font-family:宋体; font-size: 12px ;
SCROLLBAR-HIGHLIGHT-COLOR: #AFE8F5;
SCROLLBAR-SHADOW-COLOR: #2FC4E7;
SCROLLBAR-3DLIGHT-COLOR: #AFE8F5;
SCROLLBAR-TRACK-COLOR: #2FC4E7;
SCROLLBAR-DARKSHADOW-COLOR: #2FC4E7}}
关于是否显示滚动条:
相关参数:
overflow内容溢出时的设置(设定被设定对象是否显示滚动条)
overflow-x水平方向内容溢出时的设置
overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
也适用于浏览器窗口如:
没有水平滚动条
<body style="overflow-x:hidden">
没有垂直滚动条
<body style="overflow-y:hidden">
没有滚动条
<body style="overflow-x:hidden;overflow-y:hidden">或<body 
style="overflow:hidden">
应用到<testarea>当中就应当是:
没有水平滚动条
<textarea style="overflow-x:hidden"></textarea>

没有垂直滚动条
<textarea style="overflow-y:hidden"></textarea>

没有滚动条
<textarea style="overflow-x:hidden;overflow-y:hidden"></textarea>
或<textarea style="overflow:hidden"></textarea>
属性值根据参数设置就可以了.
 2#楼  
 
  回复人:一起PHP
  注册时间:2004-02-27
  主题/回复:247/1521
  积分:4649
  等级:★★★★★☆(十一级)
  称号:论坛圣人

   
 2#楼 发表于2004-10-11 23:43:51  评分:1 

我发现,海天旭日对css的研究已经十分深入。
不错,不错,向海天旭日学习!
 3#楼  
 
  回复人:slopesun
  注册时间:2004-09-07
  主题/回复:58/67
  积分:753
  等级:★★★(六级)
  称号:声名鹊起

   
 3#楼 发表于2004-10-12 00:07:33  评分:× 

好厉害!!!!
但能否对下面的详细讲讲。
SCROLLBAR-HIGHLIGHT-COLOR: #AFE8F5;
SCROLLBAR-SHADOW-COLOR: #2FC4E7;
SCROLLBAR-3DLIGHT-COLOR: #AFE8F5;
SCROLLBAR-TRACK-COLOR: #2FC4E7;
SCROLLBAR-DARKSHADOW-COLOR: #2FC4E7
 4#楼  
 
  回复人:slopesun
  注册时间:2004-09-07
  主题/回复:58/67
  积分:753
  等级:★★★(六级)
  称号:声名鹊起

   
 4#楼 发表于2004-10-12 00:19:42  评分:× 

我的IE版本太低了。看不到那个效果。
 5#楼  
 
  回复人:海天旭日
  注册时间:2004-04-06
  主题/回复:69/145
  积分:1508
  等级:★★★★(八级)
  称号:论坛才子

   
 5#楼 发表于2004-10-12 01:25:24  评分: 


 
这个简单,如果你的英文好一点,看意思就能明白:
Crollbar-Face-color:/*滚动条页面颜色设定*/
SCROLLBAR-HIGHLIGHT-COLOR: #AFE8F5; /*主面亮边*/
SCROLLBAR-SHADOW-COLOR: #2FC4E7;/*主面暗边*/
SCROLLBAR-3DLIGHT-COLOR: #AFE8F5;/*总亮边*/
SCROLLBAR-TRACK-COLOR: #2FC4E7/*滚动条背景颜色设定;
SCROLLBAR-DARKSHADOW-COLOR: #2FC4E7 /*总暗边*/

具体跟根据喜好调节,如过IE版本太低,最好升级一下IE
在IE6.0下,对html的许多元素作了重新定义,包括表格,样式表的许多方面
如滚动条,各类滤镜[上次提到的渐变滤镜http://www.17php.com/bbs/show_title.php?id=299],虚线边框等等.
 6#楼  
 
  回复人:slopesun
  注册时间:2004-09-07
  主题/回复:58/67
  积分:753
  等级:★★★(六级)
  称号:声名鹊起

   
 6#楼 发表于2004-10-12 01:33:09  评分:× 

不错。谢过!
  页数1/1首页 « 1 » 末页
  发表回复:您还没有登陆,无法发表回复。请先[登陆]

一起PHP技术联盟 主办:一起PHP 联系方式:站长QQ:4304410 QQ群:8423742 20159565 站长博客 E-mail: nqp@nqp.me 执行时间:0.011sec
SimsmaBBS 2008 (v6.0) Developed by 17php.com,Copyright(C)2003-2010 All rights reserved. 副本授权:一起PHP官方专用版