html滚动条 textarea属性设置_HTML/Xhtml_网页制作

WBOY
Release: 2016-05-16 16:40:35
Original
2125 people have browsed it
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.让浏览器窗口永远都不出现滚动条
没有水平滚动条

复制代码
代码如下:



没有垂直滚动条

复制代码
代码如下:



没有滚动条

复制代码
代码如下:



2.设定多行文本框的滚动条
没有水平滚动条

复制代码
代码如下:


没有垂直滚动条

复制代码
代码如下:



没有滚动条

复制代码
代码如下:


3.设定窗口滚动条的颜色
设置窗口滚动条的颜色为红色
scrollbar-base-color设定的是基本色,一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。
加上一点特别的效果:

复制代码
代码如下:



4.在样式表文件中定义好一个类,调用样式表

复制代码
代码如下:



这样调用:

复制代码
代码如下:


textarea颜色及边框设置:

复制代码
代码如下:

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!