как изменить стиль окна оповещения - PullRequest
Новая
       62

как изменить стиль окна оповещения

93 голосов
/ 21 октября 2011

Мне нужно изменить стиль кнопки «ОК» в окне предупреждения. 

<head>
    <script type="text/javascript">
        function show_alert() {
            alert("Hello! I am an alert box!");
        }
    </script>
</head>
<body>
    <input type="button" onclick="show_alert()" value="Show alert box" />
</body>

Ответы [ 11 ]

0 голосов
/ 12 апреля 2019

Не думаю, что вы могли бы изменить стиль окон предупреждений по умолчанию в браузерах.

Вам необходимо создать свою собственную или использовать простую и настраиваемую библиотеку, например xdialog . Ниже приведен пример для настройки окна оповещения. Больше демоверсий можно найти здесь . 

function show_alert() {
    xdialog.alert("Hello! I am an alert box!");
}
<head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/xxjapp/xdialog@3/xdialog.min.css"/>
    <script src="https://cdn.jsdelivr.net/gh/xxjapp/xdialog@3/xdialog.min.js"></script>
    
    <style>
        .xd-content .xd-body .xd-body-inner {
            max-height: unset;
        }
        .xd-content .xd-body p {
            color: #f0f;
            text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
        }
        .xd-content .xd-button.xd-ok {
            background: #734caf;
        }
    </style>
</head>
<body>
    <input type="button" onclick="show_alert()" value="Show alert box" />
</body>
Страница:
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...