Question

为什么div的滚动条样式会影响div下的textarea滚动条样式？怎么处理才不影响？(IE)

<div id="refequdiv1" style="width: 98%; height:120px; overflow-y: scroll; scrollbar-face-color: #dbebfe; scrollbar-shadow-color: #b8d6fa; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #dbebfe; scrollbar-darkshadow-color: #458ce4; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #458ce4;"> <div> <textarea name="textarea" id="textarea" cols="45" rows="5" style=""></textarea> </div></div><textarea name="textarea" id="textarea" cols="45" rows="5" style=""></textarea>

Answer 1

因为第一个textarea 在refequdiv1中，样式当然会受父级的影响，如果你一定要让refequdiv1包含两个textarea，并且滚动条不受父级的影响，你可以给父级一个class，写出它的滚动条样式，然后给两个textarea同一个class，写出它们的样式（样式重置下），就与父级的不一样啦，

追问

　　
　　 .rv{
　　 width: 98%。。。
　　 }
　　 .ta{
　　 overflow:auto;
　　 }
　　
　　
　　
　　
　　
　　依旧不好使！

追答

.ra{width: 98%; height:120px; overflow-y: scroll;
scrollbar-face-color: #dbebfe;
scrollbar-shadow-color: #b8d6fa;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #dbebfe;
scrollbar-darkshadow-color: #458ce4;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #458ce4;}
.ta{scrollbar-face-color: red;
scrollbar-shadow-color: red;
scrollbar-highlight-color: red;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: red;
scrollbar-track-color: red;
scrollbar-arrow-color: red;}

ie6.ie7，ie8下都是可以的呀，火狐和360急速浏览器下，所有滚动条样式不起作用，说明，是代码不通用！

Answer 2

因为会继承的 定义的时候最好给它定义个id或类