2023年6月20日发(作者:)
html滚动条textarea属性设置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.设定多⾏⽂本框的滚动条
没有⽔平滚动条
复制代码代码如下:
没有垂直滚动条
复制代码代码如下:< textarea style="overflow-y:hidden">< /textarea>
没有滚动条
复制代码代码如下:
或< textarea style="overflow:hidden">< /textarea>
3.设定窗⼝滚动条的颜⾊
设置窗⼝滚动条的颜⾊为红⾊
scrollbar-base-color设定的是基本⾊,⼀般情况下只需要设置这⼀个属性就可以达到改变滚动条颜⾊的⽬的。加上⼀点特别的效果:
复制代码代码如下:
4.在样式表⽂件中定义好⼀个类,调⽤样式表
复制代码代码如下:
这样调⽤:
复制代码代码如下:
textarea颜⾊及边框设置:
复制代码代码如下:
2023年6月20日发(作者:)
html滚动条textarea属性设置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.设定多⾏⽂本框的滚动条
没有⽔平滚动条
复制代码代码如下:
没有垂直滚动条
复制代码代码如下:< textarea style="overflow-y:hidden">< /textarea>
没有滚动条
复制代码代码如下:
或< textarea style="overflow:hidden">< /textarea>
3.设定窗⼝滚动条的颜⾊
设置窗⼝滚动条的颜⾊为红⾊
scrollbar-base-color设定的是基本⾊,⼀般情况下只需要设置这⼀个属性就可以达到改变滚动条颜⾊的⽬的。加上⼀点特别的效果:
复制代码代码如下:
4.在样式表⽂件中定义好⼀个类,调⽤样式表
复制代码代码如下:
这样调⽤:
复制代码代码如下:
textarea颜⾊及边框设置:
复制代码代码如下:
发布评论