autocomplete.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .ui-autocomplete {
  2. position: absolute;
  3. top: 100%;
  4. left: 0;
  5. z-index: 1000;
  6. float: left;
  7. display: none;
  8. min-width: 160px;
  9. _width: 160px;
  10. padding: 4px 0;
  11. margin: 2px 0 0 0;
  12. list-style: none;
  13. background-color: #eff1ef;
  14. border-color: #ccc;
  15. border-color: rgba(0, 0, 0, 0.2);
  16. border-style: solid;
  17. border-width: 1px;
  18. -webkit-border-radius: 5px;
  19. -moz-border-radius: 5px;
  20. border-radius: 5px;
  21. -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  22. -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  23. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  24. -webkit-background-clip: padding-box;
  25. -moz-background-clip: padding;
  26. background-clip: padding-box;
  27. *border-right-width: 2px;
  28. *border-bottom-width: 2px;
  29. .ui-menu-item > a.ui-corner-all {
  30. display: block;
  31. padding: 3px 15px;
  32. clear: both;
  33. font-weight: normal;
  34. line-height: 18px;
  35. color: #080808;
  36. white-space: nowrap;
  37. &.ui-state-hover, &.ui-state-active {
  38. color: #ffffff;
  39. text-decoration: none;
  40. background-color: #0088cc;
  41. border-radius: 0px;
  42. -webkit-border-radius: 0px;
  43. -moz-border-radius: 0px;
  44. background-image: none;
  45. }
  46. }
  47. }