ダイアログ1のボタンを押し、出てきた画面(OKやダイアログ1の背景など)を色を付けたいのですが、どなかたご教授いただけないでしょうか。
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script>
$(function(){
$("#div-dialog1").dialog({
autoOpen: false,
modal: true,
title: "ダイアログ1",
buttons: {
OK:function(){
$(this).dialog("close");
}
}
});
$("#button1").click(function(){
$("#div-dialog1").dialog("open");
});
});
<body>
<div id="div-dialog1">
<p>ダイアログ1</p>
</div>
<input type="button" id="button1" value="ダイアログ1" />
</body>