input: -internal-autofill-selected, переопределяется на Chrome (через webkit?) - PullRequest
0 голосов
/ 13 апреля 2020

Использование Chrome 81.0.4044.92 (Официальная сборка) (64-разрядная версия) (когорта: Стабильный) на windows с любыми сохраненными паролями при входе через syn c создает переопределение для свойства input:-internal-autofill-selected из моих input х.

Здесь продемонстрировано: enter image description here

enter image description here

html

<div>
  <form className="login">
    <div className="username">
      <input
        className="login-input"
        id="username"
        type="email"
        placeholder="email"
      ></input>
    </div>
    <div className="password">
      <input
        className="login-input"
        id="password"
        type="password"
        placeholder="password"
      ></input>
    </div>
    <div>
      <button onClick={handleClick}>Submit </button>
    </div>
  </form>
</div>

input.sass

@import '../main.sass'

form
  padding: 15px

input
  font-family: $sans-serif
  font-weight: $normal
  color: $primary-text
  margin: 10px
  padding: 5px
  border: 4px solid
  border-radius: 4px

button
  font-family: $sans-serif
  font-weight: $bold
  background-color: $primary-button
  border: 4px solid transparent
  border-radius: 4px
  margin: 10px
  padding: 5px

main.sass

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900')
/* font families */
$sans-serif: 'Lato', sans-serif

/* font weights */
$light: 300;
$normal: 400;
$semibold: 700;
$bold: 900

/* colors */
$primary-background: #ffffff
$primary-text: #1f1235
$primary-button: #ff6e6c

Существуют ли какие-либо CSS -только методы для возврата контроля стиля этого поля?

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