Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Unicode字符,向下三角形,显示为奇怪的文本_Javascript_Css_Unicode_Utf 8_Ascii - Fatal编程技术网

Javascript Unicode字符,向下三角形,显示为奇怪的文本

Javascript Unicode字符,向下三角形,显示为奇怪的文本,javascript,css,unicode,utf-8,ascii,Javascript,Css,Unicode,Utf 8,Ascii,我有一个网页,我在按钮上使用了一个unicode向下三角形,表示选择这些按钮将显示一个下拉列表 我在css中添加了三角形: 。图标:之后{ 内容:“▼"; } .图标{ 宽度:12px; 高度:12px; 保证金:3倍; 显示:内联块; 游标:默认值; } 页面中的元标记包括: 但是,三角形不会显示为三角形,它们的显示方式如下: 你知道为什么会出现这种情况,以及如何修复它吗?你可以使用任何类型的unicode字符来塑造所有类型的字符。 例如,在您的情况下,您只需使用以下内容: .icon:

我有一个网页,我在按钮上使用了一个unicode向下三角形,表示选择这些按钮将显示一个下拉列表

我在css中添加了三角形:

。图标:之后{
内容:“▼";
}
.图标{
宽度: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码,可以在此处查看: