unicode-bidi 属性不适用于 HTML 输入占位符答案

【问题标题】：The unicode-bidi property doesn't work on HTML Input Placeholderunicode-bidi 属性不适用于 HTML 输入占位符
【发布时间】：2019-04-18 06:35:21
【问题描述】：

Unicode Bidirectional override fails for Input Placeholders.

Unicode 双向输入占位符失败，下面是带有 html 和 CSS（具有 rtl 实现和 unicode 双向覆盖）的标记和相同的输出。

<!DOCTYPE html>
<html>
<head>
  <style>
      * {
      direction: rtl !important;
      unicode-bidi: bidi-override !important;
    }
  </style>
</head>
  <body>

    <h1>The unicode-bidi Property</h1>

    <div>Some text. Default writing direction.</div>
    <div class="ex1">Some text. Right-to-left direction.</div>
    <input placeholder="abc def"/>

  </body>
</html>

The output with failing bidirectional for placeholder

https://www.w3schools.com/code/tryit.asp?filename=G37SI0TRBPPM

【问题讨论】：

标签： html css right-to-left rtlcss

【解决方案1】：

你需要添加占位符css：

这是更新后的小提琴：

* {
  direction: rtl;
  unicode-bidi: bidi-override;
}

input[type="text"]:-moz-placeholder {
  unicode-bidi: bidi-override;
}

input[type="text"]:-ms-input-placeholder {
  unicode-bidi: bidi-override;
}

input[type="text"]::-webkit-input-placeholder {
  unicode-bidi: bidi-override;
}

<!DOCTYPE html>
<html>

<head>

</head>

<body>

  <div class="ex1">Some text. Right-to-left direction.</div>
  <input type="text" placeholder="abc def" />

</body>

</html>

【讨论】：

检查我的小提琴，您需要添加输入 type="text" 然后它将起作用或从 css [type="text"] 中删除它
似乎 unicode bidi 不适用于 IE 中的输入，有什么办法吗？ [w3schools.com/code/tryit.asp?filename=G4BHSGSW4EY0]