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