Why firefox and chrome work differently with css?

Question

css

Tell me why firefox and chrome work differently with css?
I installed the voting and rating form on the site _ https://lik-astana.kz/posmotret-vse-otzyvy.html
everything works well in firefox, but if you open the same page in chrome, then the styles for the rating in the form do not work.
Tell me how to solve the problem?

Answer 1

Because firefox and chrome use different CSS rendering engines and implemented CSS spec differently
In Firefox - Gecko
In Crome - WebKit
Try using prefixes

Answer 2

Please clarify, I don't quite understand. Tell me how to do it?

Answer 3

you can use autoprefixer
https://github.com/postcss/autoprefixer

Answer 4

you can do it like this

.input-rating {
    display:block;
    margin: 0px 638px 0px 0px;
    border: none;    
}
.input-rating.radio input, .input-rating.radio label {
    width: auto;
    vertical-align: middle;
}