Блог

Я недавно создал приложение, но после развертывания я заметил, что Safari, похоже, загружает css по-другому. Везде, где у меня есть тип=»кнопка», safari добавляет странное белое поле вокруг элемента. Это выглядит ужасно. Я поискал в Интернете и нашел это:

 input[type="text"],
input[type="button"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
 

Это самое близкое, к чему я пришел, чтобы найти решение, но оно не работает.

Сайт: timetrackers.net

Я предполагаю, что вы говорите о :focus стиле Safari по умолчанию.

Вы можете использовать этот CSS, чтобы избавиться от него:

 input[type="text"]:focus,
input[type="button"]:focus {
    outline-width: 0;
}