Phonegap样式-webkit-user-select:无; 禁用文本字段

Phonegap相当新颖。 我有一个问题,在一个干净的PhoneGap项目中使用的默认CSS不允许input到文本字段。 我把它缩小到一行CSS:

* { -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */ -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */ -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */ -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */ } 

问题是:

 -webkit-user-select: none; 

这可以在www / index.css中find。

似乎完全禁用input字段不是所需的效果。

我也发布了这个问题2次之前,但它被closures,不知道为什么…我的问题被closures,由于不是一个普遍的问题。 那么,我所能说的就是,我猜在stackoverflow的一些用户不认为CSS 3,PhoneGap,HTML 5和-webkit-user-select:是常见的情况。 我会乞求不同的。

不过,我可以看到这个问题也发布在这里,也导致Safari中的问题: 用户select:无导致input字段在Safari上无法访问虽然略有不同。

我目前的解决scheme是这样的

 -webkit-user-select: text; /* change 'none' to 'text' */ 

只是仍然好奇什么是最优雅的解决scheme,以启用文本input,但仍然保留了一些PhoneGap试图实现的副本和过去的function。 谢谢!

3 Solutions collect form web for “Phonegap样式-webkit-user-select:无; 禁用文本字段”

尝试添加到您的CSS:

 input { -webkit-user-select: auto !important; } 

这将覆盖您为input字段在每个单元素(通过*select器)上设置的文本select禁用。

只需通过这种方式将规则添加到CSS:

 *:not(input,textarea) { -webkit-touch-callout: none; -webkit-user-select: none; } 

user-select可能导致与contenteditable =“true”的元素的问题,所以更好地添加

  [contenteditable="true"] , input, textarea { -webkit-user-select: auto !important; -khtml-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; -o-user-select: auto !important; user-select: auto !important; } 
  • hover时如何在图像上显示文字?
  • 属性'nowrap'被认为是过时的。 推荐一个更新的构造。 它是什么?
  • 阅读HTML时,在JEditorPane中应用ForegroundActions的性能不一致
  • 无法从Firefox中删除大纲/虚线边框select下拉菜单
  • 用选项标签添加图像
  • <script>标签vs <script type ='text / javascript'>标签
  • 圆形加载animation
  • 如何在网站上使用Google的Roboto字体?
  • 为什么我的CSS3animation不能在Google Chrome浏览器中stream畅播放(但在其他浏览器上却很stream畅)?
  • 添加过期标题
  • 如何使用HTML / CSS将图片包裹在图片周围