アラート ボックスの [OK] ボタンのスタイル設定
JavaScript では、alert() 関数により、メッセージを含むモーダル アラート ボックスが表示されます。そして「OK」ボタン。アラート ボックスの全体的な外観はシステム設定によって決まりますが、CSS カスタマイズの直接の対象ではありません。
アラート ボックスの機能のカスタマイズ
スタイルを変更するには「OK」ボタンをクリックした場合は、alert() の機能を複製する HTML 要素を作成することを検討してください。たとえば、jQuery UI のダイアログ機能を使用すると、ほぼ次のような結果が得られます。
jQuery UI ダイアログの例:
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(function() {
$("#dialog").dialog();
});
</script>
</head>
<body>
<div>この例では、ダイアログを作成しました。 「カスタマイズされたアラート」というタイトルのボックス。 CSS を使用して、「OK」ボタンなどの外観をカスタマイズできるようになりました。
注: jQuery UI ダイアログには、alert() の機能を実装するための追加コードが必要です。メッセージが表示され、ボタンをクリックするとダイアログが閉じます。
以上がJavascript アラート ボックスの「OK」ボタンのスタイルを設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
