相关疑难解决方法(0)

如何禁用文本选择突出显示?

对于像按钮一样的锚点(例如,Stack Overflow页面顶部的问题,标签,用户等)或标签,如果用户意外选择了文本,是否有一种CSS标准方法来禁用突出显示效果?

我意识到这可以通过JavaScript来完成,并且有点谷歌搜索产生了仅Mozilla -moz-user-select选项.

是否有符合标准的方法来实现CSS,如果没有,那么"最佳实践"方法是什么?

css cross-browser highlight textselection

4937
推荐指数
43
解决办法
179万
查看次数

CSS/JS防止拖动鬼影?

有没有办法阻止用户看到他们试图拖动的图像的鬼魂(不关心图像的安全性,而是体验).

我试过这个解决了文本和图像上的蓝色选择而不是重影图像的问题:

img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
Run Code Online (Sandbox Code Playgroud)

(我也尝试将图像嵌入div中,并将相同的规则应用于div).谢谢

html javascript css html5 css3

127
推荐指数
11
解决办法
11万
查看次数

禁用焦点上的橙色轮廓高光

我正在使用jQuery,jqTouch和phonegap编写应用程序,并且遇到了一个持久性问题,当用户使用软键盘上的Go按钮提交表单时会出现该问题.

虽然通过使用很容易使光标移动到适当的表单输入元素$('#input_element_id').focus(),但橙色轮廓突出显示总是返回到表单上的最后一个输入元素.(使用表单提交按钮提交表单时,不会显示突出显示.)

我需要的是找到一种完全禁用橙色突出显示的方法,或者让它移动到与光标相同的输入元素.

到目前为止,我已经尝试将以下内容添加到我的CSS中:

.class_id:focus {
    outline: none;
}
Run Code Online (Sandbox Code Playgroud)

这适用于Chrome,但不适用于模拟器或手机.我也尝试过编辑jqTouch theme.css来阅读:

ul li input[type="text"] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); and
    -webkit-focus-ring-color:  rgba(0, 0, 0, 0);
}
Run Code Online (Sandbox Code Playgroud)

没有效果.我还尝试了以下每个AndroidManifest.xml文件的添加:

android:imeOptions="actionNone"
android:imeOptions="actionSend|flagNoEnterAction"
android:imeOptions="actionGo|flagNoEnterAction"
Run Code Online (Sandbox Code Playgroud)

这些都没有任何影响.

更新:我已经做了一些更多的故障排除,迄今为止发现:

  1. outline属性仅适用于Chrome,不适用于Android浏览器.

  2. -webkit-tap-highlight-color酒店实际上可以在Android浏览器上运行,但不在Chrome上.它会在焦点和点击时禁用高亮显示.

  3. -webkit-focus-ring-color属性似乎不适用于任何一种浏览器.

android focus highlight outline

106
推荐指数
8
解决办法
9万
查看次数

如何禁用图像上的突出显示

我试图在图像上禁用高亮显示,当我用鼠标移动图像并拖动时,看看: 在此输入图像描述

非常感谢!

html css

20
推荐指数
5
解决办法
3万
查看次数