style.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. /*font*/
  2. /*size*/
  3. /*icon*/
  4. /*color*/
  5. /*input/radio/checkbox*/
  6. /*popup*/
  7. /*table*/
  8. /*filter*/
  9. /*menu*/
  10. /*loading*/
  11. /*validate*/
  12. /*grid*/
  13. /*toolbar*/
  14. /*tooltip*/
  15. /*pager*/
  16. /*modal*/
  17. /*checkbox*/
  18. /*radio*/
  19. /*button*/
  20. /*input*/
  21. /*textarea*/
  22. /*form*/
  23. /*select*/
  24. /*switch*/
  25. /*pulldown*/
  26. .vxe-textarea {
  27. position: relative;
  28. display: inline-block; }
  29. .vxe-textarea:not(.def--cols) {
  30. width: 100%; }
  31. .vxe-textarea:not(.def--cols) .vxe-textarea--inner {
  32. width: 100%; }
  33. .vxe-textarea--inner {
  34. border-radius: 4px;
  35. outline: 0;
  36. font-size: inherit;
  37. padding: 0 0.6em;
  38. color: #606266;
  39. line-height: inherit;
  40. border: 1px solid #dcdfe6;
  41. background-color: #fff;
  42. display: block;
  43. padding: 0.3em 0.6em; }
  44. .vxe-textarea--inner::-webkit-input-placeholder {
  45. color: #C0C4CC; }
  46. .vxe-textarea--inner::-moz-placeholder {
  47. color: #C0C4CC; }
  48. .vxe-textarea--inner:-ms-input-placeholder {
  49. color: #C0C4CC; }
  50. .vxe-textarea--inner::-ms-input-placeholder {
  51. color: #C0C4CC; }
  52. .vxe-textarea--inner::placeholder {
  53. color: #C0C4CC; }
  54. .vxe-textarea--inner:focus {
  55. border: 1px solid #409eff; }
  56. .vxe-textarea--inner[disabled] {
  57. cursor: not-allowed;
  58. background-color: #f3f3f3; }
  59. .vxe-textarea--inner,
  60. .vxe-textarea--autosize {
  61. line-height: 1.5715;
  62. color: #606266;
  63. font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; }
  64. .vxe-textarea--autosize {
  65. display: block;
  66. position: fixed;
  67. top: 0;
  68. left: 0;
  69. width: 100%;
  70. margin: 0;
  71. padding: 0.3em 0.6em;
  72. word-wrap: break-word;
  73. white-space: pre-wrap;
  74. z-index: -1;
  75. visibility: hidden; }
  76. .vxe-textarea--count {
  77. position: absolute;
  78. bottom: 0.2em;
  79. right: 1.4em;
  80. padding-left: 0.2em;
  81. color: #999;
  82. background-color: #fff; }
  83. .vxe-textarea--count.is--error {
  84. color: #f56c6c; }
  85. .vxe-textarea,
  86. .vxe-textarea--autosize {
  87. font-size: 14px; }
  88. .vxe-textarea.size--medium,
  89. .vxe-textarea--autosize.size--medium {
  90. font-size: 14px; }
  91. .vxe-textarea.size--small,
  92. .vxe-textarea--autosize.size--small {
  93. font-size: 13px; }
  94. .vxe-textarea.size--mini,
  95. .vxe-textarea--autosize.size--mini {
  96. font-size: 12px; }
  97. .vxe-textarea:not(.is--autosize) {
  98. min-height: 34px; }
  99. .vxe-textarea.size--medium {
  100. font-size: 14px; }
  101. .vxe-textarea.size--medium:not(.is--autosize) {
  102. min-height: 32px; }
  103. .vxe-textarea.size--small:not(.is--autosize) {
  104. min-height: 30px; }
  105. .vxe-textarea.size--mini:not(.is--autosize) {
  106. min-height: 28px; }