2014-02-18 45 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

相关问题