wms-formselect.css 683 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. /*
  2. * 描 述:弹层选择控件
  3. */
  4. .lr-formselect {
  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-formselect.selected{
  15. color: #000;
  16. }
  17. .lr-formselect>i {
  18. position:absolute;
  19. top:8px;
  20. right:2px;
  21. font-size:12px;
  22. color:#666;
  23. }
  24. .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. .clear-btn:hover {
  35. color:#666;
  36. }
  37. .lr-formselect:hover > i {
  38. display:none;
  39. }
  40. .lr-formselect:hover .clear-btn {
  41. display:block;
  42. }