Safari不尊重希腊语言环境的文本转换：大写

发布于 2025-02-12 02:23:10 字数 1267 浏览 0 评论 0原文

Safari不尊重text-transform：uppercase; css规则，
的lang属性。但是，它适用于Chrome的

字符串，并具有所有上音字母的重音，

但是如果我们通过JavaScript做到这一点，则所有功能都可以用

“πρόκριση” .tolocaleuperpercase（'el''）//

是否存在其他解决方法或解决方案？

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <style>
      p {
        text-transform: uppercase;
      }
    </style>
  </head>
  <body>
    <p lang="el">Πρόκριση</p>
    <p>Πρόκριση</p>
  </body>
</html>

Chrome	Safari

原文

Safari doesn't respect lang attribute for Greek locale for text-transform: uppercase; css rule,
but it works perfectly for Chrome

For string with all uppercased letters accent should be removed

But if we make it by JavaScript everything works fine for both

"Πρόκριση".toLocaleUpperCase('el') // "ΠΡΟΚΡΙΣΗ"

Is there exists any another workaround or solution?

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <style>
      p {
        text-transform: uppercase;
      }
    </style>
  </head>
  <body>
    <p lang="el">Πρόκριση</p>
    <p>Πρόκριση</p>
  </body>
</html>