用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平

请问怎样才能改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平,而不是突出的   
  谢谢,分不多了,不好意思
1楼
<textarea   style="SCROLLBAR-FACE-COLOR:   #ffffff;     
  SCROLLBAR-HIGHLIGHT-COLOR:   #e7dbbd;     
  SCROLLBAR-SHADOW-COLOR:   #d9c69f;   
  SCROLLBAR-3DLIGHT-COLOR:   #99cc99;     
  SCROLLBAR-ARROW-COLOR:   #ffffff;     
  SCROLLBAR-TRACK-COLOR:   #ffffff;   
  SCROLLBAR-DARKSHADOW-COLOR:   #99cc99;   
  SCROLLBAR-base-color:#ffffff"   cols=16   rows=4>   
  fghdfgsertdfgdj   
  g;werosdfyhdfg   
  ertgdfgsdfw   
  dtyftghdfgowu   
  ertty</textarea>   
  XP下可用.2000下没办法
2楼
上面代码需要IE5.5以上
3楼
例如:<textarea   style="scrollbar-base-color:red"   rows="7"   cols="20"></textarea>   
  scrollbar-3d-light-color立体滚动条亮边的颜色   
  scrollbar-arrow-color上下按钮上三角箭头的颜色   
  scrollbar-base-color滚动条的基本颜色   
  scrollbar-dark-shadow-color立体滚动条强阴影的颜色   
  scrollbar-face-color立体滚动条凸出部分的颜色   
  scrollbar-highlight-color滚动条空白部分的颜色   
  scrollbar-shadow-color立体滚动条阴影的颜色

(0)

相关推荐

  • JavaScript控制网页平滑滚动到指定元素位置的方法

    本文实例讲述了JavaScript控制网页平滑滚动到指定元素位置的方法.分享给大家供大家参考.具体如下: function elementPosition(obj) { var curleft = 0, curtop = 0; if (obj.offsetParent) { curleft = obj.offsetLeft; curtop = obj.offsetTop; while (obj = obj.offsetParent) { curleft += obj.offsetLeft; cu

  • 分享一则JavaScript滚动条插件源码

    这是过年的时候自己写的js滚动条插件的源码,做出的效果自己并不满意,正因为做的并不满意所以回头重新巩固和深入学习js,这个插件有如下几个不太满意的地方: 内容的过度效果,可以参阅QQ客户端最近会话列表里的滚动条,它的滚动非常的平滑,简单的说就是缺少动画过渡效果. 并不算完美的兼容性,在IE6.7下的style仍然有点缺憾. 样式的不完美,例如鼠标悬浮才显示滚动条,移除后隐藏这种效果都没有写. 内部结构的混乱,需要调整内容结构. 滚动条那个图片毕竟不是美工,自己切图切的真是恶心到爆了...囧 总体

  • javascript+html5实现仿flash滚动播放图片的方法

    本文实例讲述了javascript+html5实现仿flash滚动播放图片的方法.分享给大家供大家参考.具体如下: html部分: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="move.js" type="text/jav

  • jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮

    jquery左右滚动焦点图banner图片,鼠标经过显示上下页 适合宽和高都比较大的页面使用  演示 复制代码 代码如下: <div class="bannerbox"> <div id="focus"> <ul> <li><a href="http://www.freejs.net/" target="_blank"> <img src="../da

  • js实现带按钮的上下滚动效果

    本文实例讲述了js实现带按钮的上下滚动效果.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <

  • 基于jquery实现点击左右按钮图片横向滚动

    点击左右按钮图片横向滚动jquery,一次滚动四个,图片滚动完成,自动回到第一个版面: 效果图如下: 复制代码 代码如下: <!DOCTYPE html> <html lange="en"> <head> <title>点击左右按钮图片横向滚动</title> <meta charset=utf-8" /> <style type="text/css"> * { margi

  • javascript实现左右控制无缝滚动

    无缝滚动是项目中经常需要用到的一种特效,网上也有很多的示例代码,这里给大家分享的是一段比较简单实用的,而且兼容性也不错的代码,小伙伴们仔细研究下吧. html 代码: 复制代码 代码如下: <</SPAN>html> <</SPAN>head lang="en">     <</SPAN>meta charset="UTF-8">     <</SPAN>title>无缝

  • JavaScript实现滚动栏效果的方法

    本文实例讲述了JavaScript实现滚动栏效果的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } #div1 ul{ position: absolute; le

  • Javascript 实现图片无缝滚动

    效果 : 鼠标移入图片 停止滚动, 鼠标移出自动滚动 可以调整向左或右方向滚动 复制代码 代码如下: <style type="text/css">             * {                 margin: 0;                 padding: 0;             }             #div1 {                 overflow: hidden;                 width: 71

  • 返回顶部按钮响应滚动且动态显示与隐藏

    很多的网站上都有返回顶部功能,判断滚动参数动态显示与隐藏,比较适合初学者 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&g

随机推荐