Выберите только текст без цифр в CSS li

Question

Как изменить этот существующий код CSS, чтобы выбрать только текст вместо копирования вместе с числами.

CSS 

.snippet-wrap {position:relative; width:640px;} 
.snippet-wrap li { text-shadow:none;} 
.snippet-wrap .snippet-num {list-style:none;counter-reset:paragraph;} 
.snippet-wrap .snippet-num li {color:#333;border-left:1px solid #BDC3C7;margin-left:22px;} 
.snippet-wrap .snippet-num li:before {color:#999;margin-left:-24px;margin-right:10px; counter-increment:paragraph; content:counter(paragraph); 
    display:inline-block; text-align:right; width:20px;} 

HTML 

<ol class="snippet-num"> 
<li><span>Vegetables</span></li> 
<li><span>Soya</span></li> 
<li><span>Wheat Grass</span></li> 
<li><span>Cheque</span></li> 
</ol> 

Текущий

Желаемая

Answer 1

добавить -webkit-user-select: none;

на ваш .snippet-wrap .snippet-num li:before CSS, что:

.snippet-wrap .snippet-num li:before { 
    -webkit-user-select: none; 

    /* rest of your CSS properties */ 
    .... 
} 

подробнее о user-select для поддержания совместимости браузера: https://developer.mozilla.org/en-US/docs/Web/CSS/user-select