ダイアログのボタンサイズを変更する方法jQuery

Question

次のjQueryダイアログがあります。どのようにして2つのボタンのボタンサイズを変更できますか？だから彼らはお互いに隣り合っているのではなく、互いに隣り合う。ここで

あなたはあなたがする必要があるすべては、フォントサイズを小さくされ、CSSの少しでこれを行うことができます私のコード

function ApplyJQueryUI() { 
     $("#<%= callForwardingAlwaysOption.ClientID %>").buttonset(); 

     $("#callForwardingAlwaysDialog").dialog({ 
      resizable: false, 
      modal: true, 
      autoOpen: false, 
      show: "fade", 
      closeOnEscape: false, 
      hide: "fade", 
      buttons: { 
       "> Ok": function() { 
        $("#<%= callForwardingAlwaysButton.ClientID %>").click();       
       }, 
       "> Annuleren": function() { 
        $("#<%= callForwardingAlwaysOption.ClientID %>_0").attr("checked", "checked"); 
        $("#<%= callForwardingAlwaysOption.ClientID %>").buttonset("refresh"); 
        $(this).dialog("close"); 
       } 
      } 
     }); 
     $('#callForwardingAlwaysDialog').keypress(function(e) { 
       if (e.keyCode == $.ui.keyCode.ENTER) { 
        $("#<%= callForwardingAlwaysButton.ClientID %>").click(); 
       } 
     }); 

     $("#callForwardingAlwaysDialog").parent().appendTo($("#<%= callForwardingAlwaysUpdatePanel.ClientID %>:first")); 

      if (isPostBack){ 
      $(dialogInstance).dialog("close"); 
      } 
    } 

Answer 1

です：

#dialog .ui-button-text { 
font-size: 10px; /* Or whatever smaller value works for you. */ 
} 

あなたはまた、パディングをドロップすることができます：

#dialog .ui-button-text { 
font-size: 10px; 
padding: 1px 1px 1px 1px; /* Or whatever makes it small enough. */ 
}