Beste SD'ers,

Ik heb al een groot aantal topics doorgenomen maar ik kom er helaas niet uit.
We maken gebruik van Twitter bootstrap waarbij we de top-arrow van de dropdown willen wijzigen qua kleur.



In de bijlage is te zien dat de arrow nog lichtjes afwijkt. We willen dit middels een overulling van de css kunnen doen. Echter moet de kleur alleen verander bij de hover over het eerste element.

ik hoor graag of iemand de oplossing weet (enkel css).

met vriendelijke groet,
Tom Giesbergen

Bootstrap 2.x toch?
Dan moet je de border-bottom via de :after veranderen.
#000 veranderen met je eigen kleur uiteraard.

.navbar .nav > li > .dropdown-menu:after {
border-bottom: 6px solid #000;
}

Beste Daniel,

Het ging om twitter bootstrap 3.1.1 maar het is inmiddels gelukt door onderstaande code:

.dropdown-menu li:first-child:hover:after {}

Bedankt voor het meedenken!

Geen probleem!