61,112
社区成员
发帖
与我相关
我的任务
分享伪类对p元素前面添加文字图标无显示
使用的软件是Hbuilder
body里面这样
<p>测试伪类添加文字图标的p</p>
css里面:
对p选择器前面添加文字图标，这个图标
p:before{
/*选择字体*/
font-family:wingdings;--------这里是软件自动补全的
content:"\0022"
color:yellow;
}
body里面这样
<p>测试伪类添加文字图标的p</p>
css里面:
对p选择器前面添加文字图标，这个图标
p:before{
/*选择字体*/
font-family:wingdings;--------这里是软件自动补全的
content:"\0022"
color:yellow;
}
...全文
请发表友善的回复…
发表回复
MikeDDT009 2017-05-11
- 打赏
- 举报
并不是红字原因，最后经过LS提示看到了是浏览器的问题，进入浏览器发现虽然我指定了utf-8的编码，但是却还是unicode编码，应该是这个原因。
MikeDDT009 2017-05-11
- 打赏
- 举报
使用了IE后的确解决了这个问题，我是按照别人推荐基本用的火狐来查看的。测试了edge显示图标不一样。用IE的确能正常显示了，完全没想到浏览器的问题，感谢大佬
Msxindl_Com 2017-05-11
- 打赏
- 举报
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
p:before{
font-family:wingdings;
content:"\0022";
color:red;
}
</style>
<title>无标题文档</title>
</head>
<body>
<p>测试伪类添加文字图标的p</p>
</body>
</html>
天际的海浪 2017-05-11
- 打赏
- 举报
有的系统不支持wingdings字体，你换个浏览器试试。
我这用ie11和谷歌浏览器测试正常
MikeDDT009 2017-05-11
- 打赏
- 举报
这是这里手误，实际书写是有分号的，但是却没显示
天际的海浪 2017-05-11
- 打赏
- 举报
p:before{
/*选择字体*/
font-family:wingdings;
content:"\0022";--------你少了个分号
color:yellow;
}
