難以隱藏我的對話框標題欄，同時保持關閉按鈕

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

難以隱藏我的對話框標題欄，同時保持關閉按鈕

回答

相關問題