.tabbrowser-tab[непрочитанное], background-image: linear-градиент не работает в userChrome.стиль CSS

у меня было это работает раньше, но теперь он перестал работать. У меня есть код в userChrome.css создать маленький серый треугольник в правом верхнем углу вкладка непрочитанные.

/* Mark new and unread tabs */
.tabbrowser-tab[unread] {
  font-style: italic; 
  background-image: linear-gradient(-135deg, rgba(100, 100, 100, 0.6) 10px, transparent 0);
}
.tabbrowser-tab[busy] {
  font-style: italic;
}
.tabbrowser-tab[pending] {
  font-style: italic;
}
.tabbrowser-tab:not([pinned]) {
  min-width: 10px !important;
}

/* Move Find Bar above the page */
.browserContainer > findbar {
  -moz-box-ordinal-group: 0;
}

Это первая часть .tabbrowser-tab[unread] это не работает. Что-то не так в моем cssкод?

Я запускаю Firefox 61.0.1 64-бит на Ubuntu.