Встроенные стили загадочным образом применяются к текстовой области на входе - PullRequest
Новая
       19

Встроенные стили загадочным образом применяются к текстовой области на входе

0 голосов
/ 14 января 2019

У меня возникла проблема, из-за которой элемент textarea на моей странице применяет некоторые встроенные стили при рендеринге во внешнем интерфейсе - но стиль отсутствует в моем HTML, и я попытался перезаписать его, используя! в моем стиле.

Я нашел здесь кого-то с похожей проблемой: похожая проблема - но никто не смог ее решить.

Итак, мой HTML для текстовой области выглядит следующим образом: 

<textarea class="contact-field focus-hide" id="message" name="message" required autocomplete="off"></textarea>

Мой CSS выглядит следующим образом: 

.contact-field {
background-color: #FFFFFF;
border: none;
padding: 10px 10px;
font-size: 16px;
color: #000000;
outline: none;
display: block;
margin-bottom: 10px;
width: 100%;
transition: all 300ms ease-in-out;
box-sizing: border-box;

}

.contact-field:focus {
    background-color: rgba(0,0,0,0.5) !important;
    color: #FFFFFF;
}

И все же, когда страница визуализируется, некоторые встроенные стили таинственным образом появились из ниоткуда, что нарушает: focus изменение в моем css: 

<textarea class="contact-field focus-hide" id="message" name="message" required="" autocomplete="off" data-gramm="true" data-txt_gramm_id="c66481f6-0696-cdf9-ee03-18973388ba4a" data-gramm_id="c66481f6-0696-cdf9-ee03-18973388ba4a" spellcheck="false" data-gramm_editor="true" style="z-index: auto; position: relative; line-height: normal; font-size: 16px; transition: none 0s ease 0s; background: transparent !important;"></textarea>

Да, и еще кое-что, это не происходит на моем локальном компьютере - только когда я загружаю его на свой веб-сервер. Возможно ли, что что-то на сервере вызывает эту проблему?!

Надеюсь, кто-нибудь сможет решить это для меня? Это так расстраивает!

Спасибо

...