css - Styling jQuery widget divs -
when try modify class #dialog .ui-dialog-titlebar there no visual change.
$(function() { $("#dialog").dialog(); }); #dialog .ui-dialog-titlebar { background-image: none; background-color: red; } <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <div id="dialog" title="dialog"></div>
becouse .ui-dialog-titlebar not in #dialog. should send int dialogclass , use class.
javascript:
$(function() { $("#dialog").dialog({dialogclass: 'test'}); }); css:
.test .ui-dialog-titlebar { background-image: none; background-color: red; } or can change .ui-dialog-titlebar (but think don't want this)
Comments
Post a Comment