diff --git a/css/jquery.tagit.css b/css/jquery.tagit.css index ca3725a7..467605b2 100644 --- a/css/jquery.tagit.css +++ b/css/jquery.tagit.css @@ -22,7 +22,7 @@ ul.tagit li.tagit-choice a.tagit-label { cursor: pointer; text-decoration: none; } -ul.tagit li.tagit-choice .close { +ul.tagit li.tagit-choice .tagit-close { cursor: pointer; position: absolute; right: .1em; @@ -31,7 +31,7 @@ ul.tagit li.tagit-choice .close { } /* used for some custom themes that don't need image icons */ -ul.tagit li.tagit-choice .close .text-icon { +ul.tagit li.tagit-choice .tagit-close .text-icon { display: none; } diff --git a/css/tagit.ui-zendesk.css b/css/tagit.ui-zendesk.css index 07b298d1..078f9a6b 100644 --- a/css/tagit.ui-zendesk.css +++ b/css/tagit.ui-zendesk.css @@ -20,16 +20,16 @@ ul.tagit li.tagit-choice { color: #555; font-weight: normal; } -ul.tagit li.tagit-choice a.close { +ul.tagit li.tagit-choice a.tagit-close { text-decoration: none; } -ul.tagit li.tagit-choice .close { +ul.tagit li.tagit-choice .tagit-close { right: .4em; } ul.tagit li.tagit-choice .ui-icon { display: none; } -ul.tagit li.tagit-choice .close .text-icon { +ul.tagit li.tagit-choice .tagit-close .text-icon { display: inline; font-family: arial, sans-serif; font-size: 16px; @@ -41,7 +41,7 @@ ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove { border-color: #6d95e0; } ul.tagit li.tagit-choice a.tagLabel:hover, -ul.tagit li.tagit-choice a.close .text-icon:hover { +ul.tagit li.tagit-choice a.tagit-close .text-icon:hover { color: #222; } ul.tagit input[type="text"] { diff --git a/js/tag-it.js b/js/tag-it.js index 409036c2..de20a3f5 100644 --- a/js/tag-it.js +++ b/js/tag-it.js @@ -321,7 +321,7 @@ var removeTagIcon = $('') .addClass('ui-icon ui-icon-close'); var removeTag = $('\xd7') // \xd7 is an X - .addClass('close') + .addClass('tagit-close') .append(removeTagIcon) .click(function(e) { // Removes a tag when the little 'x' is clicked.