Вы не можете изменить стиль в окне предупреждения чистого CSS becuse это объект системы, как упоминалось ранее.
У меня есть несколько ссылок, вы можете проверить для пользовательских предупреждений коробки:
Stylish JavaScript Dialog (Alert, Confirm, Prompt) Boxes
Sweet alert<-- I prefer and use this one myself. It is really simple and looks really nice in my opinion.
boot box<-- has been mentioned before, it is quite nice but a little more advanced and more code
a tutorial by Adam Khoury<-- I don't know if you know this guy, but he is amazing in explaining coding stuff. He has a tutorial about Custom Alert Box Programming Tutorial
Надеется, что это помогает немного. Goodluck, и если есть что-то, что вам нужно. Commnt, и я постараюсь изо всех сил помочь вам.
EDIT:
Вы должны download the project
затем загрузить в файлах:
<script src="dist/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="dist/sweetalert.css">
, а затем вызвать всплывающее окно
swal({ title: "Are you sure?", text: "You will not be able to recover this imaginary file!", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes, delete it!", closeOnConfirm: false }, function(){ swal("Deleted!", "Your imaginary file has been deleted.", "success"); });
Абсолютно любите Сладкие предупреждения. Спасибо, что поделились этой ссылкой. –
Привет, я попытался использовать сладкое предупреждение в одной из моих функций, но не уверен, что я помещаю сегменты кода в правильные позиции. Если у меня есть функция с условиями if-else и при каждом условии, если мне нужно -> «Предупреждающее сообщение с функцией, прикрепленной к кнопке« Подтвердить »...» с сайта сладкого предупреждения, чтобы узнать, где и как именно я должен вставить код, указанный на сайте? –
Извините за поздний ответ. Я не был на своем компьютере. Можете ли вы объяснить, что не получится? @NayantaraWilfred –