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

Popular posts from this blog

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

html - Outlook 2010 Anchor (url/address/link) -

android - How to create dynamically Fragment pager adapter -