How to custom star style

[nguyenhuutinh]

Hello
Thanks for this.
I have a question> how can I change the star style?
I want to increase the font size.
Thanks

[szilagyiabo]

I placed it in a div and added style to that div like:

<div className="rating-stars">
  <StarRatingComponent 
        ...args...
   />
</div>

.rating-stars {
    margin-left: 12px;
    font-size: 12px;
}

I know it is a late response but hope it helped.

Abo

[sumit151199]

This method not working

I placed it in a div and added style to that div like:

<div className="rating-stars">
  <StarRatingComponent 
        ...args...
   />
</div>

.rating-stars {
    margin-left: 12px;
    font-size: 12px;
}

I know it is a late response but hope it helped.

Abo

this is not working

[BrunoVukasovic]

You can change font size like this:
<StarRatingComponent className={"Rating"} name="rating" />
In CSS file:
.Rating { font-size: 10px; }
Same as any other react component.