Форматирование не применяется к форме Django в iOS Safari

Это html-код, который создает "строку поиска" для ввода текста пользователем:

<form id="searchForm" method="GET" action="{% url 'search_mountains' %}#search-and-grid">
  {{ form.as_p }}
</form>

Форматирование объявлено в соответствующем CSS:

#searchForm input[type="text"] {
    background-color: rgb(255, 255, 255);
    color: #303030;
    display: inline-block; 
    border: #07A3B2 solid 1.75px;
    padding-left: 7px;
    font-size: 0.65em;
    border-radius: 8px;
    margin-left: 0px;
    cursor: pointer;
    opacity: 0.9;
    width: 150px;
    -webkit-appearance: none;
    -webkit-user-select: text; /* Chrome, Opera, Safari */
    -moz-user-select: text; /* Firefox 2+ */
    -ms-user-select: text; /* IE 10+ */
    user-select: text; /* Standard syntax */
    -moz-appearance: none;
    appearance: none;
}

Что приводит к ожидаемому результату: enter image description here

Это форматирование применяется на настольных версиях как локально, так и при развертывании в AWS elastic beanstalk и отлично работает при локальной работе, даже для iOS safari, однако при доступе к развернутому сайту в iOS safari форматирование не применяется:

enter image description here

Это происходит только при загрузке сайта в режиме 'production' в iOS Safari, в Google Chrome для iOS, например, все работает нормально.

Я попробовал изменить синтаксис html на прямой тег, а не на Django input, но результат остался прежним.

Вернуться на верх