首页 文章

用户选择：none导致在Safari上无法访问输入字段

提问于
浏览 次
11

使用这些css样式，我会阻止页面上突出显示的文本选择 . 但这会导致输入字段在Safari上被用户输入锁定 .

* {
-webkit-touch-callout: none;
-webkit-user-select: none; // locks fields on Safari
-khtml-user-select: none; // locks fields on Safari
-moz-user-select: none;
-ms-user-select: none;
user-select: none;      
}

在Safari上是否有办法防止用户选择而不干扰输入字段？

html css

3 回答

  • 0

    为什么不将风格应用于除输入之外的所有内容？

    css3方式： *:not(input){...}

    回复于
  • 0

    我需要一些更精确的东西 .

    input[type=text] 
{
  -webkit-user-select: text;
}

input[type=password]
{
  -webkit-user-select: all;
}
    回复于
  • 20

    对于css中的每个案例：

    *:not(input), *:focus:not(input) {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline-style:none;/*IE*/
}
    回复于

相关问题