Mootools手風琴樣式問題

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手風琴添加了很多內聯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的影響。