对于像按钮一样的锚点(例如,Stack Overflow页面顶部的问题,标签,用户等)或标签,如果用户意外选择了文本,是否有一种CSS标准方法来禁用突出显示效果?
我意识到这可以通过JavaScript来完成,并且有点谷歌搜索产生了仅Mozilla -moz-user-select选项.
是否有符合标准的方法来实现CSS,如果没有,那么"最佳实践"方法是什么?
这不是上述问题的重复
我material-icons在我的网站上使用.为了添加图标,你必须做这样的事情:
<p class="material-icons">info_outline</p>
Run Code Online (Sandbox Code Playgroud)
如果我现在复制该图标,它将复制文本"info_outline".我知道你可以user-select: none;在你里面使用一个不可选择的元素css,但是有一个问题.
以我的片段为例.如果我创建一个p元素,span内部有一个元素,user-select: none;你将无法选择(并因此复制)跨度.但是,如果您复制整个p元素,您仍将获得该元素的内容span.我怎样才能防止这种情况发生?
span {
user-select: none;
}
input {
width: 100%;
}Run Code Online (Sandbox Code Playgroud)
<p>Copy this text with a <span>unselectable</span> piece of text... Or is it?</p>
<input type="text" placeholder="Past text here">Run Code Online (Sandbox Code Playgroud)
编辑:
由于很多人都说答案是问题的重复问题,所以user-select: none;再看看我的问题.
我知道用户选择如何工作!我知道你可以让一个元素无法选择.但是,如果你选择它周围的元素并复制它的内容,它将复制它的所有内容,甚至是复制它的元素.user-select: none;
我正在开发一个Web应用程序,我需要覆盖一些默认游标.
在Chrome中,当我单击然后拖动它时,总是将光标更改为文本选择.我似乎无法找到任何方法来覆盖它.
我正在使用jquery,和平常一样
$(document).css('cursor','default');
Run Code Online (Sandbox Code Playgroud)
不行.
使用chrome似乎它不是点击,而是鼠标移动.所以我甚至试图这样做
$(document).mousemove(function(){
$(document).css('cursor','default');
});
Run Code Online (Sandbox Code Playgroud)
这似乎也不起作用.
我在Firefox中没有这个问题.
我发现了一个奇怪的行为,无法在<button>元素中选择文本。例如,请尝试在Bootstrap的以下按钮中选择文本:http : //getbootstrap.com/components/#list-group-buttons
它是一些标准行为还是可以编辑的?我需要在按钮中选择文本。
我可以阻止用户突出显示表格中的一列吗?
我有一个 2 列的表。用户希望复制第二列中的内容,而不是第一列。
<table>
<tr>
<td>col1</td>
<td>line1</td>
</tr>
<tr>
<td>col1</td>
<td>line2</td>
</tr>
<tr>
<td>col1</td>
<td>line3</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
这是一个带有示例的 JSFiddle:http : //jsfiddle.net/vepq0e29/
当用户复制和粘贴时,我希望输出只是: line1 line2 line3 ... line7
当用户选择表格时,我不希望 col1 出现或突出显示。
我怎样才能让用户只能从第二列中选择和复制内容?
谢谢!
如何在文本上放置(透明)图像以防止被选中?我希望我的学生输入他们看到的内容,而不仅仅是复制/粘贴.
我不担心他们从那里查看来源和复制/粘贴 - 如果他们是那么精明,我不需要担心他们知道这些材料.
如何使此输入字段不可选择?我已经试过了,但我仍然可以选择文本:
input {
border-radius: 10px;
width: 100%;
padding: 6px 20px;
margin: 2px 0;
box-sizing: border-box;
border: 2px solid #555;
outline: none;
}
input:focus {
border-radius: 10px;
border: 2px solid #555;
border-color: red;
}
div.capbg1 {
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}Run Code Online (Sandbox Code Playgroud)
<div class="capbg1">
<input type="text" class="form-control2 pull-right" value="<?php echo $capcode2;?>" name="captcha" style="width: 29%;" disabled>
</div> Run Code Online (Sandbox Code Playgroud)
当我将文本放在没有输入字段的 div 中时,它可以工作。我在这里做错了什么?