Css 如何防止选择图像的侧面

下面我有一张图片，后面是文字。如何防止其周围区域高亮显示？图像本身不可选择（使用

)但是图像的周围区域是。我尝试向图像添加左右边距，并使图像成为自己的div，并将上述代码应用于div，但没有效果。（我将突出显示设置为绿色）

---

编辑：下面是链接到此处的另一个示例

您可以使用相同的样式将内容包装到div中：

img{
最大宽度：100%；
高度：自动；
}
.cont01{
宽度：50px；
-webkit触摸标注：无；/*iOS Safari*/
-webkit用户选择：无；/*Safari*/
-moz用户选择：无；/*Firefox*/
-ms用户选择：无；/*Internet Explorer/Edge*/
用户选择：无；
指针事件：无；
}

Text

请添加您的代码片段。我尝试使用您提供的代码，但无法在CodePen、JSFIDLE或StackOverflow代码片段中重现问题。您好，这里是一个示例，谢谢，但这会阻止文本现在突出显示，文本正是我想要的Highlight。我已更新了答案，它似乎在跨浏览器工作。不客气。你可以接受答案和/或投票，如果它有效的话。

-webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
  pointer-events: none;