Då vet jag vilken dropdown-meny du menar. Svaret på det du undrar
tar du fortfarande reda på med DOM-Inspector. Men bara för att vara
snäll så drog jag ner ff3b2, packade upp och startade det.
Sedan valde jag Tools -> DOM Inspector.
I DOM-Inspector valde jag File -> Inspect Chrome Document -> 1 ...
Sedan klickade jag på knappen längst upp till vänster i DOM-Inspector
(Find a node to inspect by clicking on it). Därefter klickade jag på den
dropdown-meny i firefox-fönstret som du är intresserad av. Då markers
rätt nod i DOM-Inspector och det var bara för mig att läsa av namnet,
eller i det här fallet namnen, nämligen .autocomplete-richlistitem,
.ac-normal-text och .ac-url-text. Längst till höger i DOM-Inspector
ser jag dessutom att dessa noder har en egenskap, selected som bara
är true när motsvarande alternativet är markerat i dropdown-menyn.
Så hur ska det då se ut i userChrome.css? Typ så här:
Kod: Markera allt
.autocomplete-richlistitem,
.ac-normal-text,
.ac-url-text {
color: blue !important;
background-color: red !important;
}
.autocomplete-richlistitem[selected="true"],
.ac-normal-text[selected="true"],
.ac-url-text[selected="true"] {
color: red !important;
background-color: blue !important;
}
Är du inte nöjd så finns det mer info att hämta med DOM-Inspector.