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

Posted 2023-05-08

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

【英文标题】：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 更改背景颜色和边框？

【参考方案1】：

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

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