CSS 图片不能选中状态是指当用户试图选中一个用 CSS 绘制的图片时,无法选中图片本身或者图片内部的文本,而只能选中图片所在的整个区域。
这是因为在 CSS 中,我们可以为元素设置user-select
属性来控制用户选中文本的能力,包括none
,text
,all
,auto
等几个选项。其中none
来禁止用户选中任何文本,就是造成 CSS 图片不能选中状态的主要原因。
img { user-select: none; }
如果你想让图片内部的文本能够被用户选中,可以将父元素的user-select
属性设置为text
,或者将图片的user-select
值设置为auto
。
.container { user-select: text; } img { user-select: auto; }
需要注意的是,CSS 图片没有被选中并不代表它不能被复制或者保存。用户可以通过右键点击图片,选择“复制”或“保存图片”等选项来完成这些操作。