forms.css 986 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. /**
  2. * 1. Change the inconsistent appearance in all browsers (opinionated).
  3. * 2. Add typography inheritance in all browsers (opinionated).
  4. */
  5. button,
  6. input,
  7. select,
  8. textarea {
  9. background-color: transparent; /* 1 */
  10. border: 1px solid WindowFrame; /* 1 */
  11. color: inherit; /* 1 */
  12. font: inherit; /* 2 */
  13. letter-spacing: inherit; /* 2 */
  14. padding: 0.25em 0.375em; /* 1 */
  15. }
  16. /**
  17. * Change the inconsistent appearance in all browsers (opinionated).
  18. */
  19. select {
  20. -moz-appearance: none;
  21. -webkit-appearance: none;
  22. background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat right center / 1em;
  23. border-radius: 0;
  24. padding-right: 1em;
  25. }
  26. /**
  27. * Change the inconsistent appearance in IE (opinionated).
  28. */
  29. ::-ms-expand {
  30. display: none;
  31. }
  32. /**
  33. * Correct the inconsistent appearance in IE (opinionated).
  34. */
  35. :-ms-input-placeholder {
  36. color: rgba(0, 0, 0, 0.54);
  37. }