学习前端的好处，网站文章复制不了？别扯.

很多时候我们在网上浏览文章或查看资料的时候，看到写的非常好的句子想要复制粘贴保存一下，这是拖动鼠标，发现“选不中，复制不了”，哎，这时候咱们前端高能出手，这都不是事儿！很简单，接下来就为众多网友们传授这个简单的小秘诀！

如果文章不是pdf，那么下列方法是奏效的，否则小编也无能为力了

1.首先在你需要复制的文字处右键，选中”检查“，此处以google浏览器为例，如果是IE浏览器则选择”查看元素“，如果是火狐浏览器则”检查元素“。然后会出现浏览器调试窗口下图。

2.此时只需要在下列目标处添加一句user-select: auto，回车（注意：加完文字千万不要刷新，否则又回到解放前），再次用鼠标选中文字，就能进行复制了。如果此处来就存在user-select：none属性，删掉即可选中文本复制。是不是很简单呢。

3.如果user-select:auto也不能解决问题，那么说明浏览器默认属性不允许，所以不可以选中文本，不过这一般是不大可能的事情。但是如果确实auto解决不了，则设置user-select:text即可。其实设置all也是可以的，只是如果设置这个属性之后单机文本某处则文本会被全选中，适合用于截取整个文本，不适于选中某段文字。

扩展：可能有些没学过html或css的小伙伴可能有些疑惑，不清楚在干什么，其实如果简单了解过都知道这是user-select是用来控制网页中的文本是否可选中的（user-select:none表示文本不可选中，user-select:auto表示可以选中）。如果写网站的那个人在指定文本的css样式表中添加了这个标签，那么该文本默认不能选中。但如果用户想要强行复制也不是不可以，因为浏览器是可以调试的嘛，按照以上不操作就可以达到目的。不过如果刷新页面，网页将会恢复原始状态，那么这些 将不再奏效，需要重新设置。

user-select中除了none、auto之外还有一些常用属性值，分别是：all、inherit、text。

none:

元素及其子元素的文本不可选。

auto:

如果浏览器的默认属性允许, 则可以选择文本。

text:

该文本可以由用户选择。

all

在 HTML 编辑器中, 如果在子元素中发生双击或上下文单击, 则将选择具有此值的最高上级。

inhreit

继承父级的user-select状态