el-inputB.less 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. .el-select {
  2. .el-input {
  3. .el-input__wrapper {
  4. // background-color: #606266;
  5. background-color: transparent;
  6. }
  7. }
  8. .el-tag {
  9. background-color: #606266;
  10. color: #fff;
  11. }
  12. }
  13. .el-input {
  14. .el-input__wrapper {
  15. // background-color: #606266;
  16. background-color: transparent;
  17. }
  18. .el-input-group__prepend {
  19. background-color: #606266;
  20. color: #fff;
  21. }
  22. }
  23. input {
  24. color: #fff;
  25. }
  26. input::-webkit-input-placeholder {
  27. /*WebKit browsers*/
  28. color: #fff;
  29. }
  30. input::-moz-input-placeholder {
  31. /*Mozilla Firefox*/
  32. color: #fff;
  33. }
  34. input::-ms-input-placeholder {
  35. /*Internet Explorer*/
  36. color: #fff;
  37. }
  38. .el-date-editor--datetimerange {
  39. // background-color: #606266;
  40. background-color: transparent;
  41. color: #fff;
  42. border: 1px solid #fff;
  43. height: 33px;
  44. padding: 0 8px;
  45. width: 369px;
  46. .el-range-separator {
  47. color: #fff;
  48. line-height: 33px;
  49. }
  50. .el-range-input {
  51. flex-basis: 145px;
  52. line-height: 33px;
  53. background: transparent;
  54. color: #fff;
  55. &::placeholder {
  56. text-align: center;
  57. color: #fff;
  58. }
  59. }
  60. }
  61. .el-date-editor {
  62. // background-color: #606266;
  63. background-color: transparent;
  64. .el-input__wrapper {
  65. // background-color: #606266;
  66. background-color: transparent;
  67. }
  68. }
  69. // 数字组件
  70. .el-input-number {
  71. .el-input-number__decrease,
  72. .el-input-number__increase {
  73. line-height: 15px;
  74. color: @gray-l;
  75. background: fade(@gray, 40);
  76. }
  77. .el-input {
  78. .el-input__wrapper {
  79. // background-color: #606266;
  80. background-color: transparent;
  81. }
  82. }
  83. }
  84. .el-form {
  85. .el-form-item {
  86. .el-form-item__label {
  87. color: #fff;
  88. }
  89. }
  90. }
  91. .el-tabs {
  92. .el-tabs__header {
  93. .el-tabs__nav-wrap {
  94. .el-tabs__nav-scroll {
  95. .el-tabs__item {
  96. color: #fff;
  97. }
  98. .is-active {
  99. color: #409eff;
  100. }
  101. }
  102. }
  103. }
  104. }