2012-01-14 41 views
12

我想在我的CSS中使用字符✖(U + 2716)和✔(U + 2714)進行表單驗證。基本上,如果一個字段是有效/無效的,我使用after僞類在字段後面插入相應的符號。假設用戶可以在CSS內容中看到unicode字符U + 2716和U + 2714是否安全?

例如:

.field:after { 
    content: "\2716"; 
} 

這是我的Mac上工作的很好,但是當我切換到我的Windows XP VMWare的情況下,我不明白的人物,不管是什麼字體沒有我選擇(甚至是宋體)。

我的懷疑是,也許我的Windows虛擬機配置不正確,但這導致我厭倦了使用這些字符。

有誰知道在unicode中是否有「安全」的字符或範圍,您可以肯定地認爲這些字符或範圍可以被大多數人查看?

UDPATE:

這是我希望有可能能夠作爲圖標來使用Unicode字符的列表。特別是dingbats部分。 http://en.wikipedia.org/wiki/List_of_Unicode_characters#Dingbats

如果您在機器上看不到這些字符,請在評論中告訴我。

+0

[以下哪個Unicode字符應該在HTML中使用?](http://stackoverflow.com/questions/2702447/which-of-the-follow-unicode-characters- should-use -in-html)(假設這裏的主要問題是關於安全範圍的,如果它關於特定的字符,可能重複其他東西,比如[this](http://stackoverflow.com/questions/4635683/detect-browser -character-support-in-javascript?lq = 1)。) – 2014-01-31 16:23:53

回答

10

除了使用CSS呈現重要信息的問題(請參閱CSS Caveats)之外,還有一個問題是,所提及的字符在人們的計算機中通常不可用。例如,fonts supporting them不包含隨Windows系統提供的任何字體。 Arial Unicode MS支持存在於Microsoft Office中,但並非每個人都在使用Office。

此外,符號不是通用的。當我在學校時,像「✔」這樣的符號意味着錯誤

使用「OK」和「error」可能是最好的,除非您需要使用其他語言。

+1

......或者'background-image'中的圖形符號。他們帶來了自己的問題,但他們肯定比Unicode字符更安全 – 2012-01-14 23:25:04

+0

@Jukka fileformat.info鏈接**非常有用,謝謝。 – 2012-01-14 23:27:11

+0

另外,關於複選框的好點。我主要使用圖標作爲另一個視覺提示,但我可能會堅持只使用「X」圖標作爲錯誤情況。大多數表格只是使用紅色文字和紅色輪廓,但對於色盲的人無效。 – 2012-01-14 23:29:26

0

你在XP虛擬機中使用了什麼瀏覽器? IE6和7不支持:after選擇器,所以這可能是問題所在。

+0

是的,我知道IE6和IE7不支持僞類。我正在使用IE8。我可以看到某些字符,但不是那些,所以我知道這是一個字體問題。 – 2012-01-14 23:00:47

相關問題