Стиль пользовательского агента отображается как переопределенный, но при отображении страницы это не - PullRequest
Новая
       1

Стиль пользовательского агента отображается как переопределенный, но при отображении страницы это не

2 голосов
/ 21 марта 2019

Я пытаюсь скрыть стиль автозаполнения для поля ввода пароля, которое вводится через стили пользовательского агента.

При проверке элемента вычисленные стили показывают, что цвет, исходящий из стиля пользовательского агента, переопределяется и применяется #fff, но фактический вычисленный стиль по-прежнему тот, который исходит от пользовательского агента.

Есть идеи, как от этого избавиться?

enter image description here

Вот CSS, который я использую, чтобы попытаться переопределить его: 

.password {
    border-right: none;
    background-color: #fff !important;
}
#MainContent_txtPassword:-webkit-autofill, input:-internal-autofill- 
previewed, input:-internal-autofill-selected, textarea:-internal-autofill- 
previewed, textarea:-internal-autofill-selected, select:-internal-autofill- 
previewed, select:-internal-autofill-selected {
   background-color: white !important;
}

1 Ответ

0 голосов
/ 22 марта 2019

Этот пример может показаться само собой разумеющимся.Между прочим, стили user-agent подразумевают, что он не разрабатывается дизайнером или разработчиком, а по умолчанию - браузером.добавив ссылку для codepen здесь 

     <style>
    body{
      background:black;
      color:white;
    }

    input[type="password"]{
      background:transparent;
      border-top:none;
      border-right:none;
      border-bottom:2px solid #2c2c2c80;
      border-left:none;
      line-height:2em;
      color:inherit;
    }    
</style>


<body>
    <input type="password" placeholder="password" id="_password" />
</body>

Я надеюсь, что это может решить вашу проблему с цветом фона.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...