难搞的Input样式

1.placeholder的样式

::-webkit-input-placeholder { /* WebKit browsers */
      color: #8D8D8D;
      font-size: 1rem;
      letter-spacing: 1px;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
      color: #8D8D8D;
      font-size: 1rem;
      letter-spacing: 1px;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
      color: #8D8D8D;
      font-size: 1rem;
      letter-spacing: 1px;
    }

 

2.chome中自动填充的样式

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-out 0.5s;
}