难以隐藏我的对话框标题栏，同时保持关闭按钮

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

来源

2016-10-10 Dave

你想删除或只是改变背景颜色和边框样式。？在你的帖子上，你说过你想创建一个没有标题栏的对话框，但是你只是想改变背景颜色和边框与你的CSS？ – mlbd

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

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

来源

2016-10-10 21:27:14 MJH

难以隐藏我的对话框标题栏，同时保持关闭按钮

回答

相关问题