Permalink
Browse files

fix IE8 and below compatibility

  • Loading branch information...
aehlke committed Jun 14, 2011
1 parent 95c412e commit 95f47b77cd159d101e7d37da20f616b07fb36d5e
Showing with 8 additions and 5 deletions.
  1. +4 −1 css/jquery.tagit.css
  2. +3 −3 css/tagit.ui-zendesk.css
  3. +1 −1 js/tag-it.js
View
@@ -24,13 +24,16 @@ ul.tagit li.tagit-choice a.tagit-label {
}
ul.tagit li.tagit-choice .close {
cursor: pointer;
- /*display: inline-block;*/
position: absolute;
right: .1em;
top: 50%;
margin-top: -8px;
}
+/* used for some custom themes that don't need image icons */
+ul.tagit li.tagit-choice .close .text-icon {
+ display: none;
+}
ul.tagit li.tagit-choice input {
display: block;
View
@@ -32,8 +32,8 @@ ul.tagit li.tagit-choice .ui-icon {
width: inherit;
height: inherit;
}
-ul.tagit li.tagit-choice .close:before {
- content: '×';
+ul.tagit li.tagit-choice .close .text-icon {
+ display: inline;
font-family: arial, sans-serif;
font-size: 16px;
line-height: 16px;
@@ -44,7 +44,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:hover:before {
+ul.tagit li.tagit-choice a.close .text-icon:hover {
color: #222;
}
ul.tagit input[type="text"] {
View
@@ -266,7 +266,7 @@
// Button for removing the tag.
var removeTagIcon = $('<span></span>')
.addClass('ui-icon ui-icon-close');
- var removeTag = $('<a></a>')
+ var removeTag = $('<a><span class="text-icon">\xd7</span></a>') // \xd7 is an X
.addClass('close')
.append(removeTagIcon)
.click(function(e) {

0 comments on commit 95f47b7

Please sign in to comment.