autocomplete.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .layui-form-autocomplete {
  2. position: relative;
  3. }
  4. .layui-form-autocomplete dl {
  5. display: none;
  6. position: absolute;
  7. left: 0;
  8. top: 0;
  9. padding: 5px 0;
  10. z-index: 999;
  11. min-width: 100%;
  12. border: 1px solid #d2d2d2;
  13. max-height: 300px;
  14. overflow-y: auto;
  15. background-color: #fff;
  16. border-radius: 2px;
  17. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  18. box-sizing: border-box;
  19. }
  20. .layui-form-autocomplete dl dd,
  21. .layui-form-autocomplete dl dt {
  22. padding: 0 10px;
  23. line-height: 36px;
  24. white-space: nowrap;
  25. overflow: hidden;
  26. text-overflow: ellipsis;
  27. }
  28. .layui-form-autocomplete dl dt {
  29. font-size: 12px;
  30. color: #999;
  31. }
  32. .layui-form-autocomplete dl dd {
  33. cursor: pointer;
  34. }
  35. .layui-form-autocomplete dl dd:hover {
  36. background-color: #f2f2f2;
  37. }
  38. .layui-form-autocomplete .layui-autocomplete-group dd {
  39. padding-left: 20px;
  40. }
  41. .layui-form-autocomplete dl dd.layui-autocomplete-tips {
  42. padding-left: 10px !important;
  43. color: #999;
  44. }
  45. .layui-form-autocomplete dl dd.layui-this {
  46. background-color: #5fb878;
  47. color: #fff;
  48. }
  49. .layui-form-autocomplete-focus dl {
  50. display: block;
  51. }