how to remove the css overflow:hidden of jquery dialog

Question

I want to add a search input and overlap it on title bar of a jQuery dialog but my problems are:

• I can't remove the css overflow property of this specific jQuery dialog
• The Title bar is always at the top of my input search box.

I've also tried this:

 $('div#viewVoters').attr('style','overflow:visible');
 $('#viewVoters').css('overflow','');
 $('#viewVoters').remove('style');

Any idea how to remove the css property or any idea how to add a search input to it?

<div id="viewVoters" style="width: auto; min-height: 95px; height: auto; overflow: hidden;" class="ui-dialog-content ui-widget-content" scrolltop="0" scrollleft="0">  
</div>

Answer 1

Just override it in your CSS:

#viewVoters {
    overflow: auto !important;  /* or 'visible' whatever */
}