用dreamweaver cs3制作网页，设置一个spry选项卡面板的宽度时，为什么旁边另一个选项卡面板的宽度也会变

Question

另一个选项卡的宽度也变得一样，
而且我设置一个选项卡面板的超链接文字的样式，之后在其它选项卡设置超链接，结果两个选项卡的超链接样式都是一样，怎么回事？

Answer 1

你好,
你这样修改默认样式表文件SpryTabbedPanels.css并不是推荐的自定义样式的方法.
Adobe官方的修改方法是你重新为自己的样式定义CSS属性.然后在声明Tab选项卡时关联上去.
下面是一个简单的修改当前选项卡样式的例子,如果你在调试时遇到问题可发站内消息给我;Spry技术交流请加我百度Hi好友!

<style type="text/css">
.MyTabSelected1 {background-color: #FCF}
.MyTabSelected2 {background-color: #66F}
</style>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1",{tabSelectedClass:"MyTabSelected1",panelVisibleClass:"MyTabSelected1"});
var TabbedPanels2 = new Spry.Widget.TabbedPanels("TabbedPanels2",{tabSelectedClass:"MyTabSelected2",panelVisibleClass:"MyTabSelected2"});
</script>