Ajustar un estilo diferente al texto específico entre <li> </li> antes de los dos puntos textuales “:”?

Antes de perderme en palabras tratando de explicar lo que quiero decir, aquí hay un ejemplo de lo que me gustaría lograr.

Como es ahora:

<ul>
<li>My name: Sietse</li>
<li>Country: The Netherlands</li>
</ul>

Cómo me gustaría que fuera:

<ul>
<li><strong>My name:</strong> Sietse</li>
<li><strong>Country:</strong> The Netherlands</li>
</ul>

Hay una gran cantidad de contenido existente en mi sitio web que está marcado como el primer ejemplo, pero ¿hay alguna manera de seleccionar y aplicar un estilo dinámico al texto hasta que (posiblemente incluya) los dos puntos en el LI, como se muestra en el segundo ejemplo?

Tenga en cuenta que soy un principiante absoluto en jQuery o cualquier Javascript para el caso.

Gracias por adelantado.

Respuestas a la pregunta(2)

Su respuesta a la pregunta