Just noticed that the standard bootstrap css reacts when you have a
<a class="badge"> ... </a>
but changing the text-color, something that will not work with an icon.
Again, tried to force the change of the background color without success:
a.badge:hover {
background-color: #FFFF00;
}
I even tried to get more specific than the default CSS adding
h3 a.badge:hover { /* my badge is in a header */
but it didn't do the trick.
Thank you
Alberto
On Monday, July 15, 2013 9:45:55 PM UTC+1, Alberto Simoes wrote:
>
> Hello
>
> I was trying to put a Glyphicon inside a badge to react to hover
>
>
> <span class="badge"><a href="#"><i class="icon-arrow-down
> icon-white"></i></a></span>
>
> I think I can't change easily the icon color without javascript, so I tried
> to change the badge color, with something like
>
>
> .badge:hover {
> background-color: #FFFF00;
> }
>
> But I didn't get lucky.
>
> I'm now preparing to go dig the bootstrap css files. But if anybody knows how
> to help from head, I would be thankful.
>
> Alberto
>
>
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
