css內容：X符號

Question

我只是看todomvc上的一些CSS代碼，我想知道他們是如何做到他們的銷燬按鈕。我找到了一個X符號。
我相對新編程，我很好奇這是什麼？你如何做出這樣的事情？

這裏是截圖：

^點擊放大

Answer 1

這很簡單，你可以輸入Unicode字符（或粘貼）成文本，就像任何其他。只要瀏覽器知道如何解釋CSS文件編碼（它是這樣做的）並且該字符可以作爲輸入的一部分（對於CSS而言），那麼使用它就比任何簡單的英文字母沒有什麼不同。

我們無法確定截圖中的哪一個，但您可以看到一些可能的選項in Wikipedia。

Answer 2

點擊Windows鍵+ R，鍵入charmap並點擊運行。

您現在可以愉快地探索系統中所有字體中的所有字符，選擇一個，然後將其複製粘貼到您的代碼中。

但是，我建議不要盲目複製。我是一個單字節字符集的書呆子，所以我寧願使用\2716，而不是直接粘貼＆＃x2716;到我的CSS文件。您可以通過單擊所需字符並在狀態欄中查找U+####來查找代碼。

Answer 3

他們在CSS中使用了生成的內容，這意味着當禁用CSS時，該符號根本不會出現。在生成內容的CSS規則中，符號已被插入，這看起來很奇怪，因爲它應該用引號引起來，但實際上我們只是通過某些瀏覽器中的開發人員工具向我們展示了文檔，而這些工具是已知可以簡化和修改事物。從給定的數據中推導出他們如何輸入角色是不可能的。

與輸入符號的方式無關，因爲font support to HEAVY MULTIPLICATION X（這是符號似乎是有限的）在許多瀏覽情況下都不會顯示。使用圖像會更安全。