html翻转条 textarea特性设定

1.overflow內容外溢时的设定(设置被设置目标是不是显示信息翻转条)
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>