css中user-select和img draggable属性的使用

1.user-select属性

user-select: none :  元素和子元素的文本将无法被选中

user-select: text :  文本可以被选中(默认值)

user-select: auto :  文本将根据浏览器的默认属性进行选择

user-select: all  :  当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素

user-selsct: contain、element :  可以选择文本,但选择范围受元素边界的约束,也就是选择的文本将包含在该元素的范围内。只支持Internet Explorer

2.img draggable 属性
draggable: false : 禁止图片拖拽

draggable: true : 图片拖拽(默认值为true)

draggable: auto : 使用浏览器默认属性值

  

 

  



posted @ 2020-10-27 18:03  阿凡达的小驴  阅读(995)  评论(0)    收藏  举报