无法覆盖CSS类！内联样式很重要

Question

I am using bootstrap-select for custom combo box, in their external css the have give class

.hide{ display: none !important; }. 

Im also using same class .hide{display:none}. But without !important. In all the area I just remove it if I want to show the element. In some area I have used jQuery slide down instead of removing ".hide" class. Bootstrap-Select affectes where I have used jQuery slide down.

Kindly assist me.

Answer 1

如果要显示使用类名.hide隐藏的元素，则应删除该类而不是设置内联样式。

document.querySelector( '.myComboBox' ).classList.remove( 'hide' );

Answer 2

You can also create your own class to hide elements such as .invisi { display:none; } this will then work when using JQuery functions such as .show() and .fadeIn()