jquery - why the button is not taking the style? -
hi have code have 2 button in div using jquery mobile while put style on button not taking style.then how achieve using jquery mobile?
.ui-block-b .ui-btn .ui-input-btn .ui-corner-all .ui-shadow { background:yellow; } <div data-role="ui-grid-a"> <div>
if have element multiple classes (regarding comments @ question),
<div class="ui-btn ui-input-btn ui-corner-all ui-shadow"> and need set styles, have 2 options:
first set background 1 of these classes, eg.
.ui-corner-all {background: yellow;} the second one, if want target element classes, correct selector is
.ui-btn.ui-input-btn.ui-corner-all.ui-shadow {background: yellow} your attempt .ui-block-b .ui-btn .ui-input-btn .ui-corner-all .ui-shadow tried find .ui-shadow in .ui-corner-all in .ui-input-btn in .ui-btn in .ui-block-b like:
<div class="ui-block-b"> <div class="ui-btn"> <div class="ui-input-btn"> <div class="ui-corner-all"> <button class="ui-shadow"> </div> </div> </div> </div> this html markup doesn't exist.
Comments
Post a Comment