select.wxss 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .easy-select.data-v-69915012 {
  12. position: relative;
  13. color: #606266;
  14. }
  15. .easy-select input.data-v-69915012 {
  16. text-align: right;
  17. }
  18. .easy-select input.data-v-69915012 {
  19. overflow: hidden;
  20. white-space: nowrap;
  21. text-overflow: ellipsis;
  22. height: 100% !important;
  23. min-height: 100% !important;
  24. }
  25. .easy-select .easy-select-suffix.data-v-69915012 {
  26. position: absolute;
  27. box-sizing: border-box;
  28. height: 100%;
  29. right: 5px;
  30. top: 0;
  31. display: -webkit-box;
  32. display: -webkit-flex;
  33. display: flex;
  34. -webkit-box-align: center;
  35. -webkit-align-items: center;
  36. align-items: center;
  37. -webkit-transform: rotate(180deg);
  38. transform: rotate(180deg);
  39. -webkit-transition: all .3s;
  40. transition: all .3s;
  41. -webkit-transform-origin: center;
  42. transform-origin: center;
  43. }
  44. .easy-select .showOptions.data-v-69915012 {
  45. -webkit-transform: rotate(0) !important;
  46. transform: rotate(0) !important;
  47. }
  48. .easy-select .no-showOptions.data-v-69915012 {
  49. -webkit-transform: rotate(180deg) !important;
  50. transform: rotate(180deg) !important;
  51. }
  52. .easy-select .easy-select-options.data-v-69915012 {
  53. position: absolute;
  54. padding: 6px 0;
  55. margin-top: 10px;
  56. border: 1px solid #e4e7ed;
  57. border-radius: 4px;
  58. background-color: #fff;
  59. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  60. box-sizing: border-box;
  61. -webkit-transform-origin: center top;
  62. transform-origin: center top;
  63. z-index: 2238;
  64. overflow: scroll;
  65. max-height: 274rpx;
  66. }
  67. .easy-select .easy-select-options-item.data-v-69915012 {
  68. padding: 0 20rpx;
  69. position: relative;
  70. white-space: nowrap;
  71. font-size: 14px;
  72. color: #606266;
  73. height: 33px;
  74. line-height: 33px;
  75. box-sizing: border-box;
  76. }
  77. .easy-select .active.data-v-69915012 {
  78. background-color: #F5F7FA;
  79. }