I can change fontcolor, but not the \"fill\". I first tried setting background-color, but that fills the whole icon box area.
For example, I have
The problem with "-webkit-text-stroke" is that is not fully supported by FF and IE, so what I do in this case is to use the half star in a pseudo class inside of the normal star, something like this:
.icon-star.red-border {
position: relative;
color: blue;
font-size: 24px;
}
.icon-star.red-border:after {
content: "\f006";
color: red;
position: absolute;
left: 0;
}
And works for me, here is the fiddle
Thanks.