Cross browser rendering issue -webkit -moz

Question

I am working with css and its rendering colours and font-weight incorrectly . I browsed the problem its about using -webkit and -moz .
Do i have to change on all my property or does it have some shortcut

Answer 1

Some said auto-prefixer help, but these vendor specific prefixes issue is rather confusing until browser vendors update their products.

https://www.sololearn.com/Discuss/416434/?ref=app
https://www.sololearn.com/Discuss/830931/?ref=app
https://www.sololearn.com/Discuss/2358133/?ref=app

Answer 2

Ipang actually the color property is getting rendered wrongly(it shows a bit purple in chrome and blue in firefox i want the blue one , HEX is same)

How cam i achieve this compatibility???