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.