我已阅读StackOverflow的帖子。
据我所知,图标是作为文本管理的。
予。但子弹是在类里面的图标字体。如何改变图标的颜色而不是文字? 我尝试改变来源,但它没有用。
src:url('fonts/icomoon.eot?#iefix-ggg507') format('embedded-opentype'),
我有子弹,如:
<li class="icon-checkmark2">
<b>Text1</strong><b>
text2
</li>
II。如何定义我的文本的样式,重量,因为我删除了源CSS元素,如:
font-style: normal;
font-weight: normal;
font-variant: normal;
但文字仍然不是来自身体规格。当有图标字体时,似乎样式会被破坏。
答案 0 :(得分:0)
有多种方法可以解决这个问题。
我已经从网上抓了几个例子并将其发布在FIDDLE中。
CSS
.holder {
float: left;
width: 100px;
height: 100px;
border: 1px solid black;
}
ul {
width: 300px;
margin: 20px auto;
}
.ul1 li {
color: red;
}
.ul1 li span {
color: green;
}
.ul2 li {
list-style-image:url('http://jmcivor.com/icons/akuma2.png');
}
.ul3 li {
list-style-type: square;
}
.ul4 {
list-style-type: none;
}
.ul4 li:before {
content: "4";
font-family: "webdings";
color: red;
}
.ul5 li {
padding-left: 5px;
margin-bottom: 10px;
list-style-type: none;
border-left: 5px solid green;
}
.ul6 li {
list-style-type: none;
}
.ul6 li:before {
content: "";
line-height: 1em;
width: .5em;
height: .5em;
background-color: blue;
float: left;
margin: .25em .25em 0;
border-radius: 50%;
}