_normalize.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. /* pc端标准初始化样式 */
  2. * {
  3. padding: 0;
  4. margin: 0;
  5. font-weight: normal;
  6. box-sizing: border-box;
  7. &:before,
  8. &:after {
  9. box-sizing: border-box;
  10. }
  11. }
  12. i {
  13. font-style: normal;
  14. }
  15. ul,
  16. ol {
  17. list-style: none;
  18. }
  19. a {
  20. text-decoration: none;
  21. cursor: pointer;
  22. outline: none;
  23. &:focus {
  24. outline: none!important;
  25. -moz-outline: none;
  26. }
  27. }
  28. button {
  29. border: none;
  30. background-color: #fff;
  31. outline: none;
  32. }
  33. img {
  34. border: none;
  35. }
  36. select {
  37. border: none;
  38. outline: none;
  39. /* 清除下拉列表类似按钮的样式 */
  40. -webkit-appearance: none;
  41. -moz-appearance: none;
  42. appearance: none;
  43. &::-ms-expand {
  44. display: none;
  45. }
  46. &:-webkit-autofill {
  47. background-color: transparent!important;
  48. -webkit-box-shadow: 0 0 0 50px white inset;
  49. }
  50. }
  51. ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  52. color: #a4b8c3;
  53. }
  54. ::-moz-placeholder { /* Firefox 19+ */
  55. color: #a4b8c3;
  56. }
  57. :-ms-input-placeholder { /* IE 10+ */
  58. color: #a4b8c3;
  59. }
  60. :-moz-placeholder { /* Firefox 18- */
  61. color: #a4b8c3;
  62. }
  63. input {
  64. border: none;
  65. color: #666;
  66. outline: none;
  67. /* google取消默认黄色背景 */
  68. &:-webkit-autofill,
  69. &:-webkit-autofill:hover,
  70. &:-webkit-autofill:focus {
  71. background-color: transparent!important;
  72. -webkit-box-shadow: 0 0 0 50px white inset;
  73. -webkit-text-fill-color: #333;
  74. }
  75. /* 清除ie删除文字叉叉和显示密码小眼睛 */
  76. &::-ms-clear,
  77. &::-ms-reveal {
  78. display: none;
  79. }
  80. }
  81. textarea {
  82. resize: none;
  83. &:-webkit-autofill {
  84. background-color: transparent!important;
  85. -webkit-box-shadow: 0 0 0 50px white inset;
  86. }
  87. }
  88. /* jquery.placeholder.js插件对应样式 */
  89. .my-placeholder {
  90. color: #999;
  91. }
  92. /* table start */
  93. table {
  94. width: 100%;
  95. table-layout: inherit;
  96. border-spacing: 0;
  97. border-collapse: collapse;
  98. }
  99. thead > tr > th {
  100. text-align: center;
  101. }
  102. /* 浮动 */
  103. .fl {
  104. float: left !important;
  105. }
  106. .fr {
  107. float: right !important;
  108. }