wms-layerselect.css 850 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. /*
  2. * 描 述:弹层选择控件
  3. */
  4. .lr-layerselect {
  5. position: relative;
  6. width: 100%;
  7. height: 28px;
  8. line-height: 26px;
  9. border: 1px solid #ccc;
  10. padding-left: 4px;
  11. cursor: pointer;
  12. color: #999;
  13. }
  14. .lr-layerselect.selected {
  15. color: #000;
  16. }
  17. .lr-layerselect > i {
  18. position: absolute;
  19. top: 8px;
  20. right: 2px;
  21. font-size: 12px;
  22. color: #666;
  23. }
  24. .lr-layerselect .clear-btn {
  25. position: absolute;
  26. top: 0;
  27. right: 0;
  28. height: 100%;
  29. width: 40px;
  30. background-color: #ccc;
  31. text-align: center;
  32. display: none;
  33. }
  34. .lr-layerselect .clear-btn:hover {
  35. color: #666;
  36. }
  37. .lr-layerselect:hover > i {
  38. display: none;
  39. }
  40. .lr-layerselect:hover .clear-btn {
  41. display: block;
  42. }