how to change color using find and replace method in javascript

There is an output of html/css code like below.

<ul>
<li>Capacity : 1.000 kg</li>
<li>Load Capacity When Extended : 1.000 kg</li>
<li>Max. Number of users (indoor/outdoor) : 4</li>
</ul>

I want javascript to do this. “If there is a “:” in the <li>, let the color be red, including the “:”.

Short information: Since it pulls the above ul/li event from the database, I need to add js to make it a forced page.
Thanks to everyone who took the time.

I’ve found results like this, but that’s not what I’m looking for, I don’t want it to be a button. I just want to replace certain word within certain page/pages when the code runs.