Я не знаю, есть ли лучший способ, но вы можете создать пользовательский рисунок маркера, изображающий тире, а затем сообщить браузеру, что вы хотите использовать его в своем списке со свойством list-style-type . Пример на этой странице показывает, как использовать графику в качестве маркера.
Я никогда не пытался использовать: раньше, как вы, хотя это может работать. Недостатком является то, что он не будет поддерживаться некоторыми старыми браузерами. Моя внутренняя реакция заключается в том, что это все еще достаточно важно, чтобы принять во внимание. В будущем это может быть не так важно.
РЕДАКТИРОВАТЬ: Я провел небольшое тестирование с подходом ОП. В IE8 я не мог заставить эту технику работать, поэтому она определенно не является кросс-браузерной. Более того, в Firefox и Chrome установка list-style-type на none вместе, кажется, игнорируется.