jquery - Making .ui-btn-left larger -


quick question haven't found exact answer online. i'm new javascript quite simple issue. trying make close button on jquery page larger.

.ui-dialog .ui-header .ui-btn-left {     left: auto;     right: 5px; } 

i know if specify height , width make button larger, how preferably increase size of icon match or @ least make centre on button?

i solved own problem in end. had remove default close button , create own. might else trying same thing. data-close-btn turns off default close button.

the data-icon tell use custom icon, more straight forward making it.

#btncancel .ui-btn-inner {     width: 33px;     height: 35px;     margin: 0px;     border: none !important;     background: transparent !important; }  .ui-icon-custom  {    background-image: url(../images/image.png) !important;    background-position: 0px -84px;    width: 33px;    height: 35px;    margin: 0 !important;    box-shadow:none; }   <html>    <head>     <title>change language</title>       </head>     <body>       <div data-role="page" id="changelanguage" data-close-btn="none">        <header data-role="header">            <h1 data-translation-key="choose language" ></h1>            <a id="btncancel" class="ui-btn-left" data-icon="custom" data-rel="back" data-    iconpos="notext" ></a>        </header>         <div data-role="content">          <p data-translation-key="pick language"></p>                 <ul id="languageselection"></ul>        </div>         <p class="version"></p>      </div>    </body> </html> 

Comments

Popular posts from this blog

how to proxy from https to http with lighttpd -

android - Automated my builds -

python - Flask migration error -