проблема стиля mootools

Question

Я только что создал свой первый аккордеон mootools, но он добавляет много встроенных стилей, которые просто разрушают мой пользовательский интерфейс. Я могу настроить встроенный стиль с помощью ключевого слова! 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, к которой я мог подключить события.Таким образом, я мог бы иметь прокрутку внутри содержимого аккордеона, не затрагивая CSS Fx.Acordion.