Html Alert Element CSS

Question

Я попытался найти ресурсы о элементе «alert», но ничего не получилось.

Но я могу использовать его без проблем. Как применить стили CSS к типу другого оповещения?

Answer 1

Во-первых, нет уведомления о тегах HTML. вы можете создать предупреждение с помощью javascript.

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

Посмотрите на этот пост: How do I style the alert box with CSS?

Answer 2

Вы можете использовать Alertify. У этого есть довольно приличные варианты настройки.

Answer 3

W3C всегда очень надежный источник для синтаксиса HTML.

http://www.w3.org/TR/html-markup/Overview.html#toc

Теперь, когда вы слышали о <alert> элемента я понятия не имею. Никогда не слышал об этом, но это не значит, что этого не существует. W3C не имеет этого в этом «полном наборе элементов HTML». Это может быть элемент чего-то другого, кроме HTML.

Answer 4

Насколько я знаю, и, как указывали другие, нет Элемент оповещения в HTML.

Однако вы можете использовать его. Чтобы обеспечить эволюцию HTML, любой современный браузер с радостью примет любой нечеткий элемент.

Я не говорю, что это хорошая практика для использования любого имени, которое вы хотите для элемента. Я говорю, что браузеры его принимают.

О предоставлении формата, используйте стандартные методы. Дайте ему класс, или идентификатор, и ссылку, что в CSS. Нет проблем .

Answer 5

Вы выглядите так, как будто вы пытаетесь использовать классы «оповещения» Bootstrap (например, «успех»). http://getbootstrap.com/components/#alerts

Единственный способ сделать это семантический элемент, как <alert />, что я знаю, это что-то вроде AngularJS: http://angular-ui.github.io/bootstrap/#/alert

В этом случае, все это в стиле от Bootstrap, или независимо от Bootstrap темы, которые вы используете.

Answer 6

Технически есть тег, но его для html5 и его не полностью поддерживается. В конце этой статьи есть таблица, в которой отображается совместимость браузера. Надеюсь, что это информативно:
Native Popups and Modals With the HTML5 “dialog” Element