tagbox.css 875 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. .tagbox {
  2. cursor: text;
  3. }
  4. .tagbox .textbox-text {
  5. float: left;
  6. }
  7. .tagbox-label {
  8. position: relative;
  9. display: block;
  10. margin: 4px 0 0 4px;
  11. padding: 0 20px 0 4px;
  12. float: left;
  13. vertical-align: top;
  14. text-decoration: none;
  15. -moz-border-radius: 5px 5px 5px 5px;
  16. -webkit-border-radius: 5px 5px 5px 5px;
  17. border-radius: 5px 5px 5px 5px;
  18. background: #e6e6e6;
  19. color: #00438a;
  20. }
  21. .tagbox-remove {
  22. background: url('images/tagbox_icons.png') no-repeat -16px center;
  23. position: absolute;
  24. display: block;
  25. width: 16px;
  26. height: 16px;
  27. right: 2px;
  28. top: 50%;
  29. margin-top: -8px;
  30. opacity: 0.6;
  31. filter: alpha(opacity=60);
  32. }
  33. .tagbox-remove:hover {
  34. opacity: 1;
  35. filter: alpha(opacity=100);
  36. }
  37. .textbox-disabled .tagbox-label {
  38. cursor: default;
  39. }
  40. .textbox-disabled .tagbox-remove:hover {
  41. cursor: default;
  42. opacity: 0.6;
  43. filter: alpha(opacity=60);
  44. }