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>
分享到:
相关推荐
网上很多自绘滚动条 但要么是只支持编辑框滚动条的 树形控件的垂直滚动条要特殊处理 因为THUNM POSION消息不响应(貌似是这么个消息 具体名字忘了) 要么是接口功能不够完善 附件中含清晰的demo实例 滚动条类中思路...
MFC对话框实现垂直和水平滚动条,欲知道如何实现,请下载! //在OnInitDialog里添加如下代码为对话框创建一个垂直滚动条和水平滚动条 //获取窗口的大小 CRect rc; GetClientRect(&rc); const SIZE sz = { rc....
vc自定义滚动条外观 制作五颜六色的滚动条(水平滚动条,垂直滚动条).zip
Qt悬浮滚动条-滚动条样式,实现滚动条不占用控件的宽高,深度美化滚动条以及Qt滚动条的使用体验
系统默认的滚动条太死板了,想要自定义css 滚动条 自定义滚动条 美化滚动条
前两天偶尔需要一个winform下带滚动条的panel,在网上找了许久没有找到相关比较好用的资料,只好自己随便琢磨了琢磨。 现在这个小东西功能很简单,在panel中加入元素,超过panel范围有滚动条,对其中元素能够进行...
主要介绍了页面出现滚动条的时候如何让滚动条不影响页面宽度,需要的朋友可以参考下
易语言画板滚动条源码,画板滚动条,NewProc,置横向滚动条,置纵向滚动条,GetStockObject,SetCapture,ReleaseCapture,GetDC,CreateCompatibleBitmap,SelectObject,BitBlt,DeleteDC,CreateCompatibleDC,SetWindowLongA,...
外部滚动条控制iframe外部滚动条控制iframe
webbrowser滚动条隐藏
这是一个用c#开发,简单的给groupbox加上滚动条的代码,可以举一反三,以后如果哪个控件没有自动出现滚动条的功能,皆可以用这个方法实现
借鉴了网上的一个控制TextBox的垂直滚动条,写的控制Panel的垂直滚动条,滚动条样式仅有滑块。
根据网友已发布垂直滚动条。根据其源码修改出一个水平滚动条。以便大家相互学习。如果有更好的建议请于本人联系,大家共同学习进步。
动态滚动条动态滚动条动态滚动条动态滚动条动态滚动条动态滚动条动态滚动条
使用css设置漂亮的滚动条样式 使用css设置漂亮的滚动条样式 使用css设置漂亮的滚动条样式
实用as3滚动条,flash常用滚动条源码
table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table...
由于时间关系,此次上传的滚动条有点BUG,大半年前写的,但是在使用正确的情况下是不会有问题的,列表控件是准备在windown mobile 6.5上用的,因为mobile上提供的.net类库里的方法、事件等等都非常有限,所以此次的...
当下拉菜单选项比较多的时候,select下拉列表内容过多,在IE中默认是30条选项,firefox默认是20条, 超过自动出现滚动条,但是在没出现滚动条时候样式特别不协调。本次上传的代码将提供一种方法将select下拉框添加...
19.如何设置滚动条的滚动范围?(Visual C++编程 源代码)19.如何设置滚动条的滚动范围?(Visual C++编程 源代码)19.如何设置滚动条的滚动范围?(Visual C++编程 源代码)19.如何设置滚动条的滚动范围?(Visual ...