2014-02-18 83 views
1

這裏是我的jqmodal表單代碼:我怎樣才能改變我的按鍵的字體大小在我的模式窗體對話框的jQuery

$("#dialog-form").dialog({ 
    autoOpen: false,  //Shows dialog 
    height: 300, 
    width: 220, 
    modal: true, 
    fontSize: "100%", 
    buttons: { 
     "Save": function() { 
     $(this).dialog('close'); 
      alert("Customer successfully added!"); 
      $.post('insertsup.php', $('#customer').serialize(), function(result){ 




}).css("font-size", "62.5%"); 

     }, 
     "Cancel": function() 

     { 
      $(this).dialog("close"); 
     } 



    } 

如何編輯我的字體大小,以62.5%的jqmodal包括按鈕文字大小?請幫助我..

+0

你可以創建一個你試過的http://jsfiddle.net版本嗎? –

+0

等一下..生病只是更新我的帖子.. – user3117337

+0

請幫我在這裏.. :( – user3117337

回答

0

請停止標記這些問題爲jqModal。你正在使用jQuery UI對話框!

這就是說;使用CSS來改變字體大小。不是JavaScript。請包括您的標記(又名HTML),其中包括您的按鈕元素,我可以提供相關指導。

作爲一個例子;

<button style="font-size: 62.5%;">button text</button> 
0

幾種方法來解決這個問題

$("#dialog-form").css({"font-size": "62.5%"});這確保了屬於DIV#對話框的形式,所有的文本有62.5%的字體大小。當然,如果你有自定義字體屬性的其他div,你永遠不會看到這些變化反映在這些子div。

我注意到的另一件事是,您將.css添加到您的最後jquery ui dialog/modal。我認爲你應該用{}每個Jquery文檔Jquery CSS API來對待它,所以正確的方法是.css({"font-size": "62.5%"});

+0

我試了你的答案先生,但我的對話框裏面的按鈕文字大小還是很大的 – user3117337

+0

所以就是一切如果是這樣的話,我會在我的CSS做一個新的屬性'#button-div {0} {0}類名ui-button-text所以另一種方式是'$(「。ui-button-text」)。css({「font-size」:「15px」});' – mrpanda

相關問題