.tabbrowser-tab [unread], background-image: линейный градиент не работает в userChrome.css

Question

Раньше у меня это работало, но теперь оно перестало работать. У меня есть некоторый код в моем 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-bit в Ubuntu.

Answer 1

unread тег был удален, см. Https://bugzilla.mozilla.org/show_bug.cgi?format=default&id=1453957.