Как удалить или изменить стиль кнопки по умолчанию?

Question

Если вы нажмете на это изображение (которое находится внутри кнопки), появится сообщение Alertify. Это (изображение выше) происходит, когда сообщение закрывается.

У меня есть проблема, при которой кнопка по умолчанию возвращается к оформлению кнопки по умолчанию. Как я могу предотвратить это? Я уже пробовал элемент outline: none !important CSS, но он все равно не работает. Есть ли «агрессивный» способ избавиться от этого?

РЕДАКТИРОВАТЬ: я уже дважды проверил на инструментах разработчика, и кажется, что код outline CSS уже применяется. Однако эта проблема все еще сохраняется.

Answer 1

Если вы пытаетесь удалить синий фон и границу. Попробуйте следующие стили .. Это добавит прозрачную рамку шириной 1px, которая при нажатии изменит цвет на серый. Когда щелчок отпущен, он снова станет прозрачным. Также будет удален синий цвет фона.

button, button:focus{
  outline: none;
  background: transparent;
  border: 1px solid transparent;
}

button:active{
  outline: none;
  background: transparent;
  border: 1px solid grey;
}

Answer 2

Вам нужно добавить фокус кнопки

Как

button:focus { 
        outline: 0 !important;
        border: 0px solid transparent !important;
}