アイコン内の背景色を変更するにはどうすればよいですか？

Question

私はアイコンを持っていると私は、アイコンの形状の内側に背景色を変更したいと思います：

<i class="icon-sm icon-number-one"></i> 

これは、CSSです：

.icon-sm { 
    position: relative; 
    font-family: 'icons'; 
    speak: none; 
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal; 
    text-transform: none; 
    line-height: 1; 
    vertical-align: middle; 
    color: #949494 !important; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
} 

.icon-number-one:before { 
    content: "\e600"; 
} 

アイコンが数の円のように見えますその中に。これに基づいて、円の背景色を変更するにはどうすればいいですか？

Answer 1

あなたが効果を必要とする場合は、あなただけ

.icon-sm { 
    background: red; 
}