相关疑难解决方法(0)

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

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

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

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

css cross-browser highlight textselection

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

如何防止从我的网站下载图像和视频文件?

如何防止从我的网站下载图像和视频文件?可能吗?最好的方法是什么?

html video image blocking

35
推荐指数
10
解决办法
8万
查看次数

使HTML文本无法选择

首先,我一直在这里如何使HTML文本
无法选择但是这并没有解决我的问题,(JavaScript版本运行良好,但我需要使用HTML和CSS,我不能使用JavaScript)我使用推荐的CSS,但是看看我的DEMO拖动鼠标从[从这里拖动]到[到这里]你会看到文字仍然可以选择.
任何方式使它真的无法选择?
谢谢

html

7
推荐指数
2
解决办法
2万
查看次数

使文本不可复制HTML

这不是上述问题的重复

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;

html css html5

5
推荐指数
1
解决办法
4327
查看次数

在Chrome中单击并拖动光标

我正在开发一个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中没有这个问题.

javascript css jquery

4
推荐指数
1
解决办法
6966
查看次数

如何在&lt;button&gt;元素中使用光标选择文本?

我发现了一个奇怪的行为,无法在<button>元素中选择文本。例如,请尝试在Bootstrap的以下按钮中选择文本:http : //getbootstrap.com/components/#list-group-buttons

在此处输入图片说明

它是一些标准行为还是可以编辑的?我需要在按钮中选择文本。

css html5 twitter-bootstrap-3

4
推荐指数
2
解决办法
2518
查看次数

如何只选择表格的一列?

我可以阻止用户突出显示表格中的一列吗?

我有一个 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 出现或突出显示。

我怎样才能让用户只能从第二列中选择和复制内容?

谢谢!

html javascript css jquery

2
推荐指数
1
解决办法
1986
查看次数

透明div文本

如何在文本上放置(透明)图像以防止被选中?我希望我的学生输入他们看到的内容,而不仅仅是复制/粘贴.

我不担心他们从那里查看来源和复制/粘贴 - 如果他们是那么精明,我不需要担心他们知道这些材料.

css

0
推荐指数
1
解决办法
791
查看次数

如何使输入字段不可选择

如何使此输入字段不可选择?我已经试过了,但我仍然可以选择文本:

    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 中时,它可以工作。我在这里做错了什么?

html css

0
推荐指数
1
解决办法
7864
查看次数