奇怪的滚动条样式的无法改变现象
时间：2007-04-17 来源：Jedliu
今天在做网页框架的时候，发现在已经定义了CSS样式中的滚动条属性的前提下，有些页面的滚动条的样式已经被修改了，但是有些页面的滚动条样式仍然是默认的样式。后来对比了页面之间的不同，发现在HTML的首部的定义中存在了略微的不同，导致了滚动条的样式没有办法改变。
关键词：修改 网页框架 frame 滚动条 样式 css
环境：win2000，IE6.0，Dreamwaver8
过程：
修改滚动条的样式，可以定义一个CSS样式，或者直接修改body的style。下面使用的是新建CSS样式的办法。
|
BODY { SCROLLBAR-ARROW-COLOR:#000000; |
这里仅仅是一个简单修改滚动条样式的说明。具体的滚动条的样式参数，可以从网上查到。
比较两个HTML页面的不同之处，在于
可以被修改滚动条样式的HTML页面的头部定义如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
不可以修改滚动条样式的HTML页面的头部定义如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">【这个是用Dreamwaver新建HTML页面得来的默认头部】
结论：HTML页面头部定义不同可能导致页面的样式不同，针对可以修改滚动条样式的头部可以定义为：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 或者将头部定义删除即可。
后记：这两种头部的定义是不同的HTML的标准，如果想要在XHTML的页面中修改滚动条样式，则可以将样式中BODY关键字改为HTML 相关阅读 更多 +
