cssのみでデフォルトの確認ボックスをスタイルする方法は？

Question

CSSのみを使用して、追加のJavaScriptコードを使用せずに標準window.confirmのスタイルを設定したいと思います。それも可能ですか？もしそうなら、どうすればいいですか？

Answer 1

それは不可能。このウィンドウは、プラットフォームのUIキットを使用してブラウザーによって表示されます。 DOMにはなく、CSSやJavascriptからも見えません。あなたにできることは何もありません。

ただし、いくつかの非常に単純なjQueryコードでこのトリックを実行できます。 $('a').confirm();はどうですか？

Answer 2

confirm();アラートはスタイル設定できません。これらはブラウザに一般的なものです。アラートのスタイルを設定する場合は、 boxy や jQueryダイアログボックス などの代替手段を試してください。

Here は、カスタム確認アラートをjQueryで作成し、CSSでスタイル設定する方法に関するチュートリアルです。