::选择 IOS

Question

在一个新网站上，我们希望当用户点击输入字段时，文本被选中。我正在为此使用 ::selection，请参阅：https://css-tricks.com/almanac/selectors/s/selection/ 这适用于所有浏览器和 android，但不适用于 IOS。

代码如下所示：

#div-01::selection { 
    background-color: transparent; 
    color: rgb(251,251,251); 
    text-shadow: none; 
}

有没有办法让 IOS 正常工作？如果您有任何其他方法可以使此工作正常进行，请告诉我。

谢谢。

Answer 1

iOS 的 Safari 当前不以任何方式支持 ::selection。所以不，你不能在 iOS.

上使用它

Answer 2

我还想在文本输入中隐藏选择突出显示，并且在 ::selection 中使用 background-color: transparent; 作为文本输入仅在 iOS 浏览器中失败。我的用例涉及以编程方式控制选择的内容。通过结合编程选择和 turning off user selection，我获得了在文本输入中隐藏选择突出显示的预期效果。

我以编程方式控制选择的用例涉及输入元素的 setSelectionRange (docs) and listening for whenever the caret position changed.

::选择 IOS

::selection for IOS

ios

css

selection