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. width: 100%; }
  30. .vxe-textarea--inner {
  31. border-radius: 4px;
  32. outline: 0;
  33. font-size: inherit;
  34. padding: 0 0.6em;
  35. color: #606266;
  36. line-height: inherit;
  37. border: 1px solid #dcdfe6;
  38. background-color: #fff; }
  39. .vxe-textarea--inner:focus {
  40. border: 1px solid #409eff; }
  41. .vxe-textarea--inner[disabled] {
  42. cursor: not-allowed;
  43. background-color: #f3f3f3; }
  44. .vxe-textarea--inner {
  45. width: 100%;
  46. height: 100%;
  47. display: block;
  48. padding: 0.3em 0.6em; }
  49. .vxe-textarea--inner::-webkit-input-placeholder {
  50. color: #C0C4CC; }
  51. .vxe-textarea--inner::-moz-placeholder {
  52. color: #C0C4CC; }
  53. .vxe-textarea--inner:-ms-input-placeholder {
  54. color: #C0C4CC; }
  55. .vxe-textarea--inner::-ms-input-placeholder {
  56. color: #C0C4CC; }
  57. .vxe-textarea--inner::placeholder {
  58. color: #C0C4CC; }
  59. .vxe-textarea--inner,
  60. .vxe-textarea--autosize {
  61. color: #606266;
  62. 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; }
  63. .vxe-textarea--autosize {
  64. display: block;
  65. position: fixed;
  66. top: 0;
  67. left: 0;
  68. width: 100%;
  69. margin: 0;
  70. padding: 0.3em 0.6em;
  71. word-wrap: break-word;
  72. white-space: pre-wrap;
  73. z-index: -1;
  74. visibility: hidden; }
  75. .vxe-textarea--count {
  76. position: absolute;
  77. bottom: 0.2em;
  78. right: 1.4em;
  79. padding-left: 0.2em;
  80. color: #999;
  81. background-color: #fff; }
  82. .vxe-textarea--count.is--error {
  83. color: #f56c6c; }
  84. .vxe-textarea,
  85. .vxe-textarea--autosize {
  86. font-size: 14px; }
  87. .vxe-textarea.size--medium,
  88. .vxe-textarea--autosize.size--medium {
  89. font-size: 14px; }
  90. .vxe-textarea.size--small,
  91. .vxe-textarea--autosize.size--small {
  92. font-size: 13px; }
  93. .vxe-textarea.size--mini,
  94. .vxe-textarea--autosize.size--mini {
  95. font-size: 12px; }
  96. .vxe-textarea:not(.is--autosize) {
  97. min-height: 34px; }
  98. .vxe-textarea.size--medium {
  99. font-size: 14px; }
  100. .vxe-textarea.size--medium:not(.is--autosize) {
  101. min-height: 32px; }
  102. .vxe-textarea.size--small:not(.is--autosize) {
  103. min-height: 30px; }
  104. .vxe-textarea.size--mini:not(.is--autosize) {
  105. min-height: 28px; }