知识屋：更实用的电脑技术知识网站
知识屋 手机游戏 手机软件 电脑软件 最近更新 手机端
冒险村物语 英雄无敌3塔防 驾考家园手游
password怎么用？p 诺诺视频会议怎 网易UU网游加速
所在位置：首页 > 编程技术 > HTML教程

html滚动条 textarea属性设置

发布时间：2013-02-03 17:56:01作者：知识屋

1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条） 
overflow-x水平方向内容溢出时的设置 
overflow-y垂直方向内容溢出时的设置 
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 
2．scrollbar-3d-light-color立体滚动条亮边的颜色（设置滚动条的颜色） 
scrollbar-arrow-color上下按钮上三角箭头的颜色 
scrollbar-base-color滚动条的基本颜色 
scrollbar-dark-shadow-color立体滚动条强阴影的颜色 
scrollbar-face-color立体滚动条凸出部分的颜色 
scrollbar-highlight-color滚动条空白部分的颜色 
scrollbar-shadow-color立体滚动条阴影的颜色 
我们通过几个实例来讲解上述的样式属性： 
1.让浏览器窗口永远都不出现滚动条 
没有水平滚动条 

复制代码
代码如下:

<body style="overflow-x:hidden"> 

没有垂直滚动条 

复制代码
代码如下:

<body style="overflow-y:hidden"> 

没有滚动条 

复制代码
代码如下:

<body style="overflow-x:hidden;overflow-y:hidden">或<body style="overflow:hidden"> 

2.设定多行文本框的滚动条 
没有水平滚动条 

复制代码
代码如下:

<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> 

3.设定窗口滚动条的颜色 
设置窗口滚动条的颜色为红色<body style="scrollbar-base-color:red"> 
scrollbar-base-color设定的是基本色，一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。 
加上一点特别的效果： 

复制代码
代码如下:

<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon"> 

4.在样式表文件中定义好一个类，调用样式表 

复制代码
代码如下:

<style> 
.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;} 
</style> 

这样调用： 

复制代码
代码如下:

<textarea class="coolscrollbar">< /textarea> 

textarea颜色及边框设置： 

复制代码
代码如下:

<textarea style="border:red solid;border-width:1 1 1 1;color:#CCCCCC;">< /textarea> 
 
（免责声明：文章内容如涉及作品内容、版权和其它问题，请及时与我们联系，我们将在第一时间删除内容，文章内容仅供参考）
收藏

上一篇:网页WB.ExecWB控件打印方法调用说明及参数介绍

下一篇:body的属性 body标签主要的属性小结

相关知识

软件推荐

更多 >

游戏推荐

更多 >

精选栏目

热门推荐

  • 人气文章
  • 最新文章
  • 下载排行榜
  • 热门排行榜

手机游戏

手机软件

电脑软件

猜你喜欢

摄像 导航 音乐 策略 分期 竞速 健康 MOBA 影音 奇迹 战斗 抢红包 借钱 角色 手机赚钱 儿童 资讯 卡牌 腾讯 沙盒 换装 体育 办公 个人借贷 系统软件 美食 动作 即时 节奏 模拟 旅游 RPG 英语口语 摄影 冒险 竞技 360 闯关 舞蹈 投屏 宫斗 抢票 放置 经营 唱歌 武侠 钱包 通讯 运动 教育

本站所有软件来自互联网，版权归原著所有。如有侵权，敬请来信告知，我们将及时撤销。

知识屋 www.zhishiwu.com 更实用的电脑技术知识网站

苏ICP备14019037号-7