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

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");

    });
  });

但仍会显示标题栏。我怎么让它消失？这是我的小提琴 - https://jsfiddle.net/adaor26p/6/。

Answer 1

您的解决方案无效的原因是对话框未包含在id myModal的元素中。试试这个：

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