textarea.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. uni-textarea {
  2. width: 300px;
  3. height: 150px;
  4. display: block;
  5. position: relative;
  6. font-size: 16px;
  7. line-height: normal;
  8. white-space: pre-wrap;
  9. word-break: break-all;
  10. }
  11. uni-textarea[hidden] {
  12. display: none;
  13. }
  14. .uni-textarea-wrapper,
  15. .uni-textarea-placeholder,
  16. .uni-textarea-line,
  17. .uni-textarea-compute,
  18. .uni-textarea-textarea {
  19. outline: none;
  20. border: none;
  21. padding: 0;
  22. margin: 0;
  23. text-decoration: inherit;
  24. }
  25. .uni-textarea-wrapper {
  26. display: block;
  27. position: relative;
  28. width: 100%;
  29. height: 100%;
  30. min-height: inherit;
  31. overflow-y: hidden;
  32. }
  33. .uni-textarea-placeholder,
  34. .uni-textarea-line,
  35. .uni-textarea-compute,
  36. .uni-textarea-textarea {
  37. position: absolute;
  38. width: 100%;
  39. height: 100%;
  40. left: 0;
  41. top: 0;
  42. white-space: inherit;
  43. word-break: inherit;
  44. }
  45. .uni-textarea-placeholder {
  46. color: grey;
  47. overflow: hidden;
  48. }
  49. .uni-textarea-line,
  50. .uni-textarea-compute {
  51. visibility: hidden;
  52. height: auto;
  53. }
  54. .uni-textarea-line {
  55. width: 1em;
  56. }
  57. .uni-textarea-textarea {
  58. resize: none;
  59. background: none;
  60. color: inherit;
  61. opacity: 1;
  62. font: inherit;
  63. line-height: inherit;
  64. letter-spacing: inherit;
  65. text-align: inherit;
  66. text-indent: inherit;
  67. text-transform: inherit;
  68. text-shadow: inherit;
  69. }
  70. /* 用于解决 iOS textarea 内部默认边距 */
  71. .uni-textarea-textarea-fix-margin {
  72. width: auto;
  73. right: 0;
  74. margin: 0 -3px;
  75. }
  76. .uni-textarea-textarea:disabled {
  77. /* 用于重置iOS14以下禁用状态文字颜色 */
  78. -webkit-text-fill-color: currentcolor;
  79. }