wms-select.css 2.5 KB

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