JavaScript 不适用于 jQuery UI 对话框

Question

   $("input, select, textarea")
        .addClass("ui-widget ui-widget-content ui-corner-all")
        .css({
            padding: ".2rem .5rem"
        });

所以，我使用上面的代码来显示我网站上的每个输入、选择和文本区域，就像我使用 jQuery UI 添加的元素一样。此代码应用于我网站上的每个页面。它工作正常，并将 css 和类添加到每个输入、选择和文本区域。除了对话框内的输入、选择和文本区域外，它不适用。我尝试了很多不同的东西，但注意到了。谁知道该怎么做？我可以手动添加课程，但我有 100 多个输入字段分布在不同的对话框中

$(document).on("dialogopen", ".ui-dialog", function() {
  $(this).find("input, select, textarea")
    .addClass("ui-widget ui-widget-content ui-corner-all")
    .css({
      padding: ".2rem .5rem"
    });
});

$( ".myDialogClass" ).dialog({
  open: function() {
    $(this).find("input, select, textarea")
      .addClass("ui-widget ui-widget-content ui-corner-all")
      .css({
        padding: ".2rem .5rem"
      });
  }
});

这两种方法我都试过了，但都没有用