overflow-x水平方位內容外溢时的设定
overflow-y竖直方位內容外溢时的设定
以上3个特性设定的值为visible(默认设置值)、scroll、hidden、auto。
2.scrollbar⑶d-light-color立体式翻转条亮边的色调(设定翻转条的色调)
scrollbar-arrow-color左右按钮上3角箭头的色调
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设置的是基础色,1般状况下只必须设定这1个特性便可以做到更改翻转条色调的目地。
再加1点非常的实际效果:
拷贝编码
编码以下:<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">
4.在款式表文档中界定好1个类,启用款式表
拷贝编码
编码以下:<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>