Javascript Unicode字符,向下三角形,显示为奇怪的文本
我有一个网页,我在按钮上使用了一个unicode向下三角形,表示选择这些按钮将显示一个下拉列表 我在css中添加了三角形:Javascript Unicode字符,向下三角形,显示为奇怪的文本,javascript,css,unicode,utf-8,ascii,Javascript,Css,Unicode,Utf 8,Ascii,我有一个网页,我在按钮上使用了一个unicode向下三角形,表示选择这些按钮将显示一个下拉列表 我在css中添加了三角形: 。图标:之后{ 内容:“▼"; } .图标{ 宽度:12px; 高度:12px; 保证金:3倍; 显示:内联块; 游标:默认值; } 页面中的元标记包括: 但是,三角形不会显示为三角形,它们的显示方式如下: 你知道为什么会出现这种情况,以及如何修复它吗?你可以使用任何类型的unicode字符来塑造所有类型的字符。 例如,在您的情况下,您只需使用以下内容: .icon:
。图标:之后{
内容:“▼";
}
.图标{
宽度:12px;
高度:12px;
保证金:3倍;
显示:内联块;
游标:默认值;
}
页面中的元标记包括:
但是,三角形不会显示为三角形,它们的显示方式如下:
你知道为什么会出现这种情况,以及如何修复它吗?你可以使用任何类型的unicode字符来塑造所有类型的字符。 例如,在您的情况下,您只需使用以下内容:
.icon:after {
content:"\25bc";
}
或者对于小三角形:
.icon:after {
content:"\25be";
}
这个技巧是完全跨浏览器兼容的。出现CSS规则的文档(HTML或CSS文档)发送时带有HTTP头,指定UTF-8以外的编码,可能是ISO-8859-1或windows-1252,或者,在CSS文档的情况下,根本不指定编码,使浏览器猜测
解决方案是通过更改HTTP头来修复此问题。请参阅W3C页面
如果HTTP头没有指定编码,那么文档内部的字符集声明可能会生效
使用字符转义可能有助于消除症状,但为了避免将来出现问题(当有人向文档中添加奇数字符时),最好修复编码问题。这显然是文件编码问题。您可以通过使用
内容来避免它:“\25bc";代码>@RaymondChen所有浏览器都支持这个功能吗?我让你来研究一下。你也必须做一些工作。@RaymondChen或者,你可以在回答中加上解释,然后我可以接受它,如果它工作这里是一个很好的网站,可以使用CSS Escape
并阅读。你知道为什么我的网站不只是复制字符吗?原因是CSS只需要使用ASCII字符来编写。如果您还想使用非ASCII码,可以在此处查看: