如上图，在html页面中，图片和文字被选中将影响外观。解决方案，在元素对应的CSS样式中加入：-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;
PIL 图像处理库
PIL（Python Imaging Library） 是 Python 平台的图像处理标准库。不过 PIL 暂不支持 Python3，可以用 Pillow 代替，API是相同的。
安装 PIL 库
如果你安装了 pip 的话可以直接输入 pip install PIL 命令安装 Pillow。
或者在 PyCharm
中
打开 [File] >> [settings] >> [project github] >> [project interpreter] 添加标准库：
↑ 搜索 Pillow 包，
选中
Pillow，点击 Install Package 安装
.icon {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-k
html
-user-select:...
现象：
html
中
可能有些地方不想让用户复制文字，或是用a标签做了个点击按钮，点快的时候文字会被
选中
，很丑，这个时候可以使用下面的方案
禁止
文字
选中
。
原因：鼠标点快了文字会被
选中
。
解决方案：不同的浏览器
设置
的内容不一样，user-select不是一个W3C的标准，浏览器的支持不完成，需要对不同的浏览器进行调整。
body{
-moz-user-select:none;/*火狐*/
-webkit-user-select:none;/*webkit浏览器*/
-ms-user-select:non
经过分析，发现网页
中
存在类似如下的代码：
分析：特别注意 onerror，当
图片
不存在时，将触发 onerror，而 onerror
中
又为 img 指定一个 NoPic.gif
图片
。也就是说
图片
存在则显示 pic.gif，
图片
不存在将显示 noPic.gif。但问题来了，如果 noPic.gif 也不存在，则继续触发 onerror，导致循环，故出现错误。
说明：如果
图片
存在，但网络很
['contextmenu', 'selectstart', 'copy'].forEach(function(ev){
document.addEventListener(ev, function(ev){
ev.preventDefault();
ev.returnValue = false;
css
实现：
body {
-moz-user-select: none;
-webkit-user-selec
var selectBox = document.getElementById("selectBox");
var option1 = new Option("选项一", "1");
option1.setAttribute("data-img", "image1.png");
selectBox.options[selectBox.options.length] = option1;
var option2 = new Option("选项二", "2");
option2.setAttribute("data-img", "image2.png");
selectBox.options[selectBox.options.length] = option2;
var option3 = new Option("选项三", "3");
option3.setAttribute("data-img", "image3.png");
selectBox.options[selectBox.options.length] = option3;
selectBox.onchange = function() {
var selectedOption = this.options[this.selectedIndex];
var img = document.getElementById("selectedImg");
img.src = selectedOption.getAttribute("data-img");
以上代码将在下拉框
中
创建三个选项，并分别附带一个
图片
地址。当用户选择一个选项时，脚本将通过 `getAttribute` 方法获取
选中
选项的
图片
地址，并将其
设置
为
HTML
页面
中
的 `img` 元素的 `src` 属性值，从而展示出
选中
选项的
图片
。
