jQuery UI 1.12.1で動作していないダイアログ境界がなくなりました

Question

これまでjQuery UI 1.11.4を使用していましたが、Webアプリケーション内でいくつかのアクション、情報などのダイアログウィジェットを表示しています。私はうまく働い以下のCSSスタイル、使用して薄い青の境界線を持っているためにそれらを強制的に：

今

.ui-dialog { 
    border: 2px solid #0000FF; 
    padding: 0px; 
} 

今日、私は...私はjQueryのUI 1.12.1に切り替え、そして国境はもう表示されません1.11.4と1.12.1ダイアログの違いを分析し、私が見た唯一の主な違いは、古いバージョンはそのスタイルで

display: block; 

追加があったが、私は私にこれを追加しようとしたということでした自分のスタイル。いいえ...国境は消えてしまった。

もちろん私は質問する前に自分の問題についての研究を行いました。成功しなかったのです...解決策はhereと言いました。

誰かがその問題について考えていますか？

Answer 1

その例のページを見ると、これがある限り、あなたのcssがjquery-ui.css後にロードされると、それを行う必要があります：カスタムスタイルシートが間違っていると思われる（jquery-ui.css前にロードされている場合は

.ui-widget.ui-widget-content { 
    border: 2px solid #0000FF; 
    padding: 0; 
} 

- それはする必要がありますが最後のスタイルシートはページに読み込まれるので、同じ特異性のセレクタを使用して既存のCSSを簡単に上書きすることができます）、若干強いセレクタ：div.ui-widget.ui-widget-contentが必要です。

これは、jquery-uiウィジェットのデフォルトマークアップをカスタマイズしておらず、スタイル設定しようとしている要素に影響する強力なセレクタを持つコードの他のスニペットを持っていない場合にのみ適用されます。