如何在我的模态窗体对话框jquery中更改我的按钮的字体大小

时间:2014-02-18 17:17:07

标签: javascript jquery jqmodal

这是我的jqmodal表单代码:

$("#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");
        }



    }

如何在jqmodal中将字体大小编辑为62.5%,包括按钮文字大小?请帮帮我..

2 个答案:

答案 0 :(得分:0)

请 - 停止将这些问题标记为jqModal。您正在使用jquery ui对话框!

那说;使用CSS来改变字体大小。不是javascript。请包含包含按钮元素的标记(也称为HTML),我可以提供相关指导。

作为一个例子;

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

答案 1 :(得分:0)

解决此问题的几种方法

$("#dialog-form").css({"font-size": "62.5%"});这可确保属于div#dialog-form的所有文本的字体大小为62.5%。当然,如果你的自定义字体属性中有另一个div,你将永远不会在这些子div中看到这种变化。

我注意到的另一件事是你将.css附加到jquery ui dialog / modal的末尾。我认为您假设使用{}每个Jquery文档Jquery CSS API来处理它,所以正确的方法是.css({"font-size": "62.5%"});