製作.ui-btn左大

快速的問題，我還沒有找到一個確切的答案在線。我對JavaScript很陌生，所以這可能是一個很簡單的問題。我試圖讓jQuery頁面上的關閉按鈕變大。製作.ui-btn左大

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

我知道，如果我指定的高度和寬度這將使按鈕較大，但我怎麼最好增加圖標的大小相匹配，或者至少使其居中對齊按鈕？

來源

2014-05-16 Dustybin80

你到目前爲止嘗試過什麼？你是什麼意思「......增加圖標的大小以匹配或至少使它在按鈕的中心？」..我們如何知道沒有任何HTML？ – urbz

同意;你的HTML可以在你想要的結果可以被解決的方式上發揮很大的作用。另外，你使用jQuery UI嗎？或只有自定義的CSS？你有一個額外的自定義CSS文件？ –

你可以給小提琴什麼的？這取決於圖標是什麼？這是一個圖像嗎？字體？ – Mark

我最終解決了我自己的問題。我不得不刪除默認關閉按鈕，並創建自己的。這可能有助於別人試圖做同樣的事情。 data-close-btn關閉默認關閉按鈕。

數據圖標只是告訴它使用自定義圖標，它比我做的更直接。

#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>

來源

2014-05-19 16:42:54 Dustybin80

製作.ui-btn左大

回答

相關問題