对于像按钮一样的锚点(例如,Stack Overflow页面顶部的问题,标签,用户等)或标签,如果用户意外选择了文本,是否有一种CSS标准方法来禁用突出显示效果?
我意识到这可以通过JavaScript来完成,并且有点谷歌搜索产生了仅Mozilla -moz-user-select选项.
是否有符合标准的方法来实现CSS,如果没有,那么"最佳实践"方法是什么?
我有一些使用-webkit-供应商前缀的CSS .为了与"旧"版本的Safari兼容,我使用与-khtml-供应商前缀相同的规则.我对与Konqueror和其他真正的KHTML浏览器的兼容性不感兴趣.
例如,我可能有以下规则:
.menuItem {
-khtml-user-select: none;
-webkit-user-select: none;
}
Run Code Online (Sandbox Code Playgroud)
据我所知,现代的WebKit浏览器内部重写所有-khtml-和-apple-规则是-webkit-规则,而不是.但是,这给我留下了以下问题:
什么版本的Safari确实-webkit-可用?也就是说,Safari之前完全忽略我的规则的版本是什么?
我打算使用这些信息来确定我的个人规则(例如-khtml-user-select)是否真正支持这个早期版本的Safari.
在新网站上,我们希望当用户单击输入字段时,文本被选中。我为此使用 ::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;
}
Run Code Online (Sandbox Code Playgroud)
有没有办法让它在 IOS 上工作?如果您有任何其他选择来使其正常工作,请告诉我。
谢谢。
我正在尝试制作一个网站。我使用表格制作了标题,当您突出显示它时,它看起来很俗气。
.topmenu::selection
{
background: rgba(255,79,79,0); /* Change highlight color */
}
Run Code Online (Sandbox Code Playgroud)
我通过<div class="topmenu::selection">在 PHP 中使用来调用它。我是否错误地调用了此代码?
谢谢!
编辑:这似乎不太奏效。如果有任何更改,我正在使用表达式引擎。这是我到目前为止的工作:
<meta http-equiv="Content-Type" content="text/html; charset={charset}" /> <link rel="shortcut icon" href="/Flame.ico" />
<title>New Hope Christian College</title>
<link rel="stylesheet" type="text/css" href="/nhcc-css/text.css" />
<center>
<table width="960" border="0" div class="topmenu">
.topmenu {
FONT-SIZE: 12px; COLOR: #000000;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.topmenu::selection {
background: transparent;
}
.topmenu::-moz-selection {
background: transparent;
}
.topmenu a {
color: #A71137; text-decoration: none;
}
a:hover {
COLOR: #000000;
text-decoration: none;
} …Run Code Online (Sandbox Code Playgroud) 这对某些人来说可能不是什么大问题,但我正在努力解决一个小问题。
当我在 html 中的元素上单击几次时,会显示一些蓝色的选择矩形。
我正在努力寻找一种方法来摆脱它。
在我的 scss 中,我尝试过
input, textarea, select, a, button { @include user-select(none) ; }
Run Code Online (Sandbox Code Playgroud)
但我仍然主要在文本元素上遇到这个问题。
所以我的问题是:当我们点击链接时如何禁用 HTML 蓝色选择。
任何帮助将不胜感激。
谢谢。