Força 中特殊字符 ç 和 a 之間的額外空格

Question

我有一個問題，我無法在任何地方找到任何解決方案。

波紋管是我的CSS中的代碼

label[for="username"]::after {
  content: 'Se você é da Força de Vendas, digite seu CPF.';
}

當瀏覽器渲染我的CSS時，代碼發生了變化，我得到了以下結果：

label[for="username"]::after {
  content: 'Se voc\EA \E9 da For\E7 a de Vendas, digite seu CPF.';
}

上面的更改在我的瀏覽器中呈現：

Se você é do Forç a de Vendas, digite seu CPF.

任何想法我該如何解決這個問題？

Answer 1

這里：

label[for="username"]::after {
  content: 'Se voc\0000EA  \0000E9  da For\0000E7 a de Vendas, digite seu CPF.';
}

這通常可以按照您嘗試的方式在 HTML 中工作。 但在 CSS 中，它需要 UTF-16 或 UTF-32 編碼，因為前綴&或\不會在CSS content中呈現

這里有幾個參考：

Answer 2

經過長時間討論如何解決這個問題，我找到了一個解決方案：

從 CSS 中刪除文本並將其寫入 HTML。 我不知道是什么導致了這個問題，但是如果您在 CSS 中遇到與重音文本相同的情況，請將其刪除並在 HTML 中執行。

你會浪費更少的時間，而有更多的時間去做其他事情。

就是這樣了。