閉じるボタンを押しながらダイアログタイトルバーを隠すのに問題があります

Question

私はJQuery 1.12を使用しています。私はタイトルバーのないダイアログを作成したいが、右上にクローズボタンを置いておきたい。私は...

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

    }); 
    }); 

まだタイトルバーが表示されますが、CSS

#myModal .ui-dialog-titlebar { 
    background-color: transparent; 
    border: 0px none; 
} 

のためにこれを試してみましたが、ここに私のJSですしています。どうやって消えさせるの？これは私のフィドルです - https://jsfiddle.net/adaor26p/6/。

Answer 1

ソリューションが機能しない理由は、idがmyModalの要素で囲まれていないということです。これを試してみてください：

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