chips.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .ui-chips > ul.ui-inputtext {
  2. clear: left;
  3. cursor: text;
  4. list-style-type: none;
  5. margin: 0;
  6. overflow: hidden;
  7. padding: 0 .25em;
  8. }
  9. .ui-chips-token {
  10. cursor: default;
  11. display: inline-block;
  12. vertical-align: middle;
  13. overflow: hidden;
  14. padding: .125em .5em;
  15. white-space: nowrap;
  16. position: relative;
  17. margin-right: .125em;
  18. border: 0 none;
  19. font-size: .9em;
  20. }
  21. .ui-chips-token .ui-chips-token-label {
  22. display: block;
  23. margin-right: 2em;
  24. }
  25. .ui-chips > .ui-state-disabled .ui-chips-token-label {
  26. margin-right: 0;
  27. }
  28. .ui-chips-token .ui-chips-token-icon {
  29. margin-top: -.5em;
  30. position: absolute;
  31. right: 0.2em;
  32. top: 50%;
  33. cursor: pointer;
  34. }
  35. .ui-chips-input-token {
  36. display: inline-block;
  37. vertical-align: middle;
  38. list-style-type: none;
  39. margin: 0 0 0 .125em;
  40. padding: .25em .25em .25em 0;
  41. }
  42. .ui-chips-input-token input {
  43. border: 0 none;
  44. width: 10em;
  45. outline: medium none;
  46. background-color: transparent;
  47. margin: 0;
  48. padding: 0;
  49. box-shadow: none;
  50. -moz-border-radius: 0;
  51. -webkit-border-radius: 0;
  52. border-radius: 0;
  53. }