.tabbrowser-tab [não lida], background-image: gradiente linear não está funcionando no userChrome.css

Question

Eu tinha esse trabalho antes, mas agora ele parou de funcionar. Eu tenho um código no meu userChrome.css para criar um pequeno triângulo cinza no canto superior direito de uma guia não lida.

/* 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;
}

É a primeira parte .tabbrowser-tab[unread] que não está funcionando. Há algo errado no meu código css ?

Estou executando o Firefox 61.0.1 de 64 bits no Ubuntu.

    

Answer 1

A tag unread foi removida, consulte o link