You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

lr-select.css 2.6 KiB

4 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. /*
  2. * 版 本 Learun-ADMS-Ultimate V7.0.0 数字化智慧校园(http://www.learun.cn)
  3. * Copyright (c) 2013-2018 北京泉江科技有限公司
  4. * 创建人:陈彬彬
  5. * 日 期:2017.03.16
  6. * 描 述:选择框组件样式
  7. */
  8. .lr-select {
  9. position: relative;
  10. cursor: pointer;
  11. width: 100%;
  12. height: 28px;
  13. line-height: 26px;
  14. border:1px solid #ccc;
  15. background:#fff url(/Content/images/learunselect/icon.png) no-repeat right center;
  16. padding-left:4px;
  17. border-radius:2px;
  18. }
  19. .lr-select.lr-select-focus {
  20. border:1px solid #039cfd;
  21. }
  22. .lr-select-placeholder {
  23. -moz-user-select: none;
  24. -webkit-user-select: none;
  25. -ms-user-select: none;
  26. -khtml-user-select: none;
  27. user-select: none;
  28. color:#999;
  29. overflow:hidden;
  30. white-space: nowrap;
  31. text-overflow: ellipsis;
  32. }
  33. .lr-select-option {
  34. position: absolute;
  35. border: 1px solid #dedede;
  36. width: 100%;
  37. background: #fff;
  38. z-index: 1000;
  39. top: 28px;
  40. border-radius: 2px;
  41. }
  42. .lr-select-option-content {
  43. position:relative;
  44. width:100%;
  45. }
  46. .lr-select-option .lr-selectitem-li {
  47. min-height: 26px;
  48. line-height: 26px;
  49. overflow: hidden;
  50. cursor: pointer;
  51. padding:0px 5px;
  52. overflow:hidden;
  53. white-space: nowrap;
  54. text-overflow: ellipsis;
  55. }
  56. .lr-select-option .lr-selectitem-li:hover {
  57. background-color:#eee;
  58. }
  59. .lr-selectitem-li.selected {
  60. background-color:#3498DB!important;
  61. color:#fff;
  62. }
  63. .lr-select-option-search {
  64. border-top: 1px solid #ccc;
  65. position:absolute;
  66. border-bottom:0px;
  67. left:0px;
  68. height:25px;
  69. width:100%;
  70. line-height:24px;
  71. }
  72. .lr-select-option-search >input{
  73. color: #000;
  74. border-radius: 0;
  75. border: none;
  76. box-shadow: none;
  77. font-size: 9pt;
  78. height: 28px;
  79. padding-top: 0;
  80. padding-bottom: 1px;
  81. padding-right: 0;
  82. padding-left: 5px;
  83. resize: none;
  84. background-color: #fff;
  85. background-image: none;
  86. height: 24px;
  87. line-height: 1.42857143;
  88. margin: 0px;
  89. -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  90. -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  91. transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  92. width: 100%;
  93. outline: none;
  94. padding: 0;
  95. padding-left: 10px;
  96. }
  97. .lr-select-option-search .input-query {
  98. position:absolute;
  99. right: 4px;
  100. top: 0px;
  101. color: #ccc;
  102. font-size: 16px;
  103. cursor:default;
  104. }
  105. .lr-select-node-cb {
  106. border: 0 none;
  107. margin: 0;
  108. vertical-align: top;
  109. width: 16px;
  110. height: 16px;
  111. background-repeat: no-repeat;
  112. padding: 2px;
  113. margin-top: 4.5px;
  114. margin-right: 5px;
  115. }