• 专注于网站建设,网络推广,关键词优化,SEO优化,专业的网站建设开发团队!

textarea 滚动条属性设置

2015-06-10 23:47:50   来源:叶景网络
    叶景网络(www.cngxit.com),致力于互联网品牌建设与网络营销,专业领域包括网站建设、电子商务、移动互联网营销、系统平台开发, 与其他网站建设等。叶景网络为您分享:textarea 滚动条属性设置
    scrollbar属性、样式详解
    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>
    Scrollbar-Face-Color为滚动条表面颜色设定;
    Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定;
    Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定;
    Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定;
    Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。
    Scrollbar-Track-Color为滚动条底板颜色设定;
    Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定。
    举例:
    body { 
    background-color: #ffffff; 
    color: #336699; 
    scrollbar-face-color: #bed8eb; 
    scrollbar-shadow-color: #ddf8ff; 
    scrollbar-highlight-color: #92c0d1; 
    scrollbar-3dlight-color: #ddf8ff; 
    scrollbar-darkshadow-color: #92c0d1; 
    scrollbar-track-color:#bed8eb; 
    scrollbar-arrow-color: #92c0d1 
    }
叶景网络,网络推广,网站建设
特别推荐RECOMMEND
搜索引擎网站关键词seo优化的意义
视频推广怎么做
网站seo优化怎么做关键词排上首页?
SEO介绍什么叫搜索引擎网站关键词优化
seo优化怎样做提升关键词排名
热点图文Hot
QQ客服不加好友直接打开聊天窗口 QQ客服不加好友直接
网页手机wap2.0网页布局 页面尺寸设置 网页手机wap2.0网页
手机wap页面前端的一点体会 手机wap页面前端的
常用的文本符号以及非主流符号大全 常用的文本符号以及
关注排行RANKING
1

QQ客服不加好友直接打开聊天窗口

QQ客服不加好友直接打开聊天窗口 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网...

2

网页手机wap2.0网页布局 页面尺寸设置

网页手机wap2.0网页布局 页面尺寸设置 网页手机wap2 0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以...

3

手机wap页面前端的一点体会

手机wap页面前端的一点体会 手机端的html页面就像回到了最早的纯文本时代~~ 没有JS,只有单纯的div+css~容易上手,...

4

常用的文本符号以及非主流符号大全

常用的文本符号以及非主流符号大全 在word文档工具栏的符号那里提供了许多文本符号,但我还是觉得不够用,于是我从网上搜寻...

5

input /button链接的几种方法

input /button链接的几种方法 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网...

6

用JavaScript怎么实现页面跳转

用JavaScript怎么实现页面跳转 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网...

7

从GB2312(UTF-8)页面获取表单转换...

从GB2312(UTF-8)页面获取表单转换成UTF-8(GB2312) 由于我的网站编码是GB2312,而另一个网站(不是我的)编码却是UTF-8, ...

8

收藏本站和设为主页代码

收藏本站和设为主页代码 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网...

9

textarea 滚动条属性设置

textarea 滚动条属性设置 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网...