Question

我刚刚制作了我的第一支mootools手风琴，但是它增加了许多内联样式，这只会破坏我的UI。我可以使用！important关键字设置内联样式，但这只会让我的css维护成为一场噩梦。任何想法如何摆脱内联样式

就是这个

<script language="javascript">
   window.addEvent('domready', function() {

 //create our Accordion instance
 var myAccordion = new Accordion($('accordion'), 'div.subTreeHeader', 'div.accordionElement', {
 opacity: false, fixedHeight:400

 });

});

</script>

Answer 1

这是一个非常古老的问题，我回答它是因为我在寻找同样的问题时会遇到它。

实际上Mootools Acordion添加了这么多内联CSS：

padding-top: 0px; border-top-style: 
none; padding-bottom: 0px; border-bottom-style: none; 
overflow: hidden; opacity: 1;

我找到的解决方案是在调用new Fx.Accordion后必须应用的修复程序。我也同意修复!important CSS修复感觉不对。所以我也寻找其他选择。

选项1，根据需要设置css：

$$('.acordion3_content').setStyles({
    border: '3px solid #0F0',
    'overflow-y': 'auto',
});

选项2，在其内部或外部再创建一个div。我做了这个选项来获得一个滚动div我可以连接到事件。像这样我可以在手风琴的内容中滚动，而不会受到Fx.Acordion的CSS的影响。

mootools手风琴造型问题

1 个答案: