画像の辺が選択されないようにする方法

Question

以下私は画像の後ろにテキストがあります。周囲の領域が強調表示されないようにするにはどうすればよいですか？画像自体は選択できません（

-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; 

）画像の周囲は選択できません。私は画像に左右のマージンを加え、画像を独自のdivにして上記のコードをdivに適用しようとしましたが、動作しません。編集

（私はハイライトグリーンを作った）：ここでは別の例では、ここでhttps://jsfiddle.net/nnzf4h5c/

Answer 1

をリンクされているあなたは同じスタイルでのdiv内のコンテンツをラップすることができます：

img { 
 
    max-width: 100%; 
 
    height: auto; 
 
} 
 
.cont01 { 
 
    width: 50px; 
 
    -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; 
 
}

<div class="cont01"><img src="https://sites.psu.edu/siowfa16/files/2016/10/YeDYzSR-10apkm4.png"> 
 
</div> 
 
Text