libcef 1.x版本中对css user-select处理与chrome行为不一致的问题以及解决
libcef 1.x版本中对css user-select处理与chrome行为不一致的问题以及解决
晚睡综合症 发表于3年前
libcef 1.x版本中对css user-select处理与chrome行为不一致的问题以及解决
  • 发表于 3年前
  • 阅读 25
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

在某些情况下,为了不让用户选择web页面元素,我们使用css来禁止选中:

* {
    -webkit-user-select: none;
}

这种处理方式在chrome,safari等webkit内核浏览器中都是支持的,也没有什么问题,但是在libcef中,并且libcef浏览器处于子窗口中时,会出现bug——input标签文本框无法获得键盘焦点。

为了解决这个问题要修改css如下:

* {
    -webkit-user-select: none;
}

input {
    -webkit-user-select: text;
}

但是这样有个问题就是所有的文本框里的文字都可以被选中,如果想要禁止某些文本框的选中,需要单独限制。

标签: 前端 css js libcef
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 0
博文 21
码字总数 10654
×
晚睡综合症
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: