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

【问题标题】：Having trouble hiding my dialog title bar while keeping its close button在保持关闭按钮的同时隐藏我的对话框标题栏时遇到问题
【发布时间】：2017-02-19 09:00:23
【问题描述】：

我使用的是 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/。

【问题讨论】：

您是要删除还是只是更改背景颜色和边框样式。 ?在您的帖子中，您说您想创建一个没有标题栏的对话框，但您尝试使用 CSS 更改背景颜色和边框？

标签： jquery jquery-ui dialog modal-dialog titlebar

【解决方案1】：

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

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

【讨论】：