首页 爱情文章 亲情文章 友情文章 生活随笔 校园文章 经典文章 人生哲理 励志文章 搞笑文章 心情日记
  • 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
    •
    当前位置: 山茶花美文网 > 搞笑文章 > 正文

    textarea,滚动条属性设置_textarea滚动条显示

    时间：2018-08-11来源：山茶花美文网 本文已影响 人 山茶花美文网手机站

    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
    }

    • textarea,滚动条属性设置_textarea滚动条显示 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全

    最新文章

    热点文章

    推荐访问

    军训远足心得体会 军训爬山心得体会 大学军训徒步拉练感想 军训徒步作文 军训徒步10公里感想 军训徒步心得体会 5分钟演讲中秋节节日 中秋一分钟演讲 中秋节演讲稿4分钟 中秋节演讲稿一分钟 中秋节演讲稿五分钟 3-5分钟 中秋节短篇演讲稿 中秋节演讲稿两分钟 中秋节的演讲稿3分钟 关于中秋节的演讲稿三分钟 孩子体验军训的心得 参加孩子军训活动的感受与收获 家长对孩子军训后的收获和感悟 小孩军训的收获与感悟 学生军训的收获与感悟 孩子军训成长过程家长感悟 孩子军训感悟 孩子军训心得体会 孩子军训的收获与感悟 兵役前训练心得体会 部队当兵的心得 新兵役前教育训练心得体会 预备役军训心得体会 新兵军训感悟

    本文textarea,滚动条属性设置_textarea滚动条显示由山茶花美文网整理提供，版权归原作者、原出处所有。

    Copyright © 山茶花美文网 All Rights Reserved.