气球中的 html css 图标

Question

我在 CSS 中有这个:

.capslock { background-image:url('../icon/bullet_error.png') no-repeat center left; padding:2px; padding-left:20px; font-weight:700 !important; }

我在 html 中有这个:

'<div class="capslock">Caps Lock está ligado</div>'

但它给了我这个:

它应该在“Caps Lock está ligado”之前有一个图标。
我做错了什么？
(图标的路径是正确的)

Answer 1

由于您使用此样式定义的不仅仅是背景图像，因此您需要使用 background: ... 而不是 background-image: ...