::选择 IOS
::selection for IOS
在一个新网站上,我们希望当用户点击输入字段时,文本被选中。我正在为此使用 ::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 正常工作?如果您有任何其他方法可以使此工作正常进行,请告诉我。
谢谢。
iOS 的 Safari 当前不以任何方式支持 ::selection
。所以不,你不能在 iOS.
上使用它
我还想在文本输入中隐藏选择突出显示,并且在 ::selection
中使用 background-color: transparent;
作为文本输入仅在 iOS 浏览器中失败。我的用例涉及以编程方式控制选择的内容。通过结合编程选择和 turning off user selection,我获得了在文本输入中隐藏选择突出显示的预期效果。
我以编程方式控制选择的用例涉及输入元素的 setSelectionRange
(docs) and listening for whenever the caret position changed.
在一个新网站上,我们希望当用户点击输入字段时,文本被选中。我正在为此使用 ::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 正常工作?如果您有任何其他方法可以使此工作正常进行,请告诉我。
谢谢。
iOS 的 Safari 当前不以任何方式支持 ::selection
。所以不,你不能在 iOS.
我还想在文本输入中隐藏选择突出显示,并且在 ::selection
中使用 background-color: transparent;
作为文本输入仅在 iOS 浏览器中失败。我的用例涉及以编程方式控制选择的内容。通过结合编程选择和 turning off user selection,我获得了在文本输入中隐藏选择突出显示的预期效果。
我以编程方式控制选择的用例涉及输入元素的 setSelectionRange
(docs) and listening for whenever the caret position changed.