在保留其关闭按钮的同时隐藏我的对话框标题栏时遇到问题

Question

我正在使用 JQuery 1.12。我想创建一个没有标题栏的对话框，但将关闭按钮保留在右上角。我已经为 CSS

试过了

#myModal .ui-dialog-titlebar {
  background-color: transparent;
  border: 0px none;
}

这是我的 JS …

  $(function() {
        $(".searchResultsDetailRow").click(function() {
          var opt;
          opt = {
            autoOpen: false,
            modal: true,
            width: 'auto',
            focus: function() {
              return $(this).dialog('option', 'width', $('#myModal').width() + 50);
            }
          };
          $("#myModal").dialog(opt);
          $("#myModal").dialog("open");

    });
  });

但标题栏仍然出现。我如何让它消失？这是我的 Fiddle — https://jsfiddle.net/adaor26p/6/ .

Answer 1

您的解决方案不起作用的原因是对话框未包含在 id 为 myModal 的元素中。试试这个：

div[aria-describedby="myModal"] .ui-dialog-titlebar {
  background-color: transparent;
  border: 0px none;
}