select-text.wxss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .weui-select-text {
  2. display: inline;
  3. position: relative
  4. }
  5. .weui-tooltip {
  6. box-sizing: border-box;
  7. width: 60px;
  8. background-color: #000000;
  9. color: #ffffff;
  10. text-align: center;
  11. padding: 5px 0;
  12. border-radius: 6px;
  13. position: absolute;
  14. font-size: 14px
  15. }
  16. .weui-tooltip__top {
  17. left: 50%;
  18. top: 0;
  19. transform: translate(-50%, -100%);
  20. margin-top: -10px
  21. }
  22. .weui-tooltip__top::after {
  23. content: " ";
  24. position: absolute;
  25. top: 100%;
  26. left: 50%;
  27. transform: translate(-50%, 0);
  28. border-width: 5px;
  29. border-style: solid;
  30. border-color: black transparent transparent transparent
  31. }
  32. .weui-tooltip__bottom {
  33. left: 50%;
  34. top: 100%;
  35. transform: translate(-50%, 0);
  36. margin-top: 10px
  37. }
  38. .weui-tooltip__bottom::after {
  39. content: " ";
  40. position: absolute;
  41. top: 0;
  42. left: 50%;
  43. transform: translate(-50%, -100%);
  44. border-width: 5px;
  45. border-style: solid;
  46. border-color: transparent transparent black transparent
  47. }
  48. .weui-tooltip__left {
  49. left: 0;
  50. top: 50%;
  51. transform: translate(-100%, -50%);
  52. margin-left: -10px
  53. }
  54. .weui-tooltip__left::after {
  55. content: " ";
  56. position: absolute;
  57. top: 50%;
  58. left: 100%;
  59. transform: translate(0, -50%);
  60. border-width: 5px;
  61. border-style: solid;
  62. border-color: transparent transparent transparent black
  63. }
  64. .weui-tooltip__right {
  65. left: 100%;
  66. top: 50%;
  67. transform: translate(0, -50%);
  68. margin-left: 10px
  69. }
  70. .weui-tooltip__right::after {
  71. content: " ";
  72. position: absolute;
  73. top: 50%;
  74. left: 0;
  75. transform: translate(-100%, -50%);
  76. border-width: 5px;
  77. border-style: solid;
  78. border-color: transparent black transparent transparent
  79. }
  80. textarea {
  81. height: 16px;
  82. }