テキスト、画像を選択できなくする方法

facebookで『続きを読みたかったらいいねを教えてね!』みたいな記事がよくありますが、必ずそういう記事に限ってコピペでタイトルをググればでてくるような、たいした事のない記事が多いですよね。
ですので、絶対そういう記事はコピペで探してチェック。としているのですが、最近そのコピペができない記事が増えてきたんですよね。

ただ、web関係の方なら、ブラウザの要素検証等で簡単にチェック→コピーできるのですが、その細工が気になってチェックしてみたら、見た事ないcssの設定でコピーできないようになってたので、覚え書き。

body {ここは色々設定あり}
ココ↓
::selection {text-shadow: none;}

この
::selection {text-shadow: none;}
をbodyにかけるとコピーできないようです。

ただ色々調べてみても、この
::selection でコピーできないようにする、という記事が見当たらなかったので、これがコピペさせない方法として正しい書き方なのかわかりませんが、参考まで。

また確実にわかったら追記します。

Google AdS



関連記事

backgroundプロパティの正しいショートハンドの書き方


ABCから始めよう!と言いつつ、ちょっとABCからの内容ではないかもしれませんが、今まで貯めてた "?" の解決法で、今…

記事を読む▷


『reCAPTCHA v3』を問い合わせページのみ&左側に表示させる方法:その2


前回書いた『reCAPTCHA v3』を問い合わせページのみ&左側に表示させる方法:その1の続きです! 今…

記事を読む▷


onMouseOver、onMouseOutで、簡単に画像を切り替える


今までマウスオーバー等で画像を切り替える時は、jQueryを使ったり、cssで画像を重ねてopacityで画像を透過させ…

記事を読む▷


GoToTopBG_animation2のgif画像

CSSスプライトで、スムーズに画像を切り替える


マウスオーバーした時などに、画像が上手く切り替わらない時、よくありませんか?ブラウザや、PCの性能によっても変わってくる…

記事を読む▷


スマホ、携帯からタップ(クリック)で電話を発信する、htmlの記述方法 コピペでOK!!


スマホ等のタブレット、また携帯で、電話番号をタップ(クリック)して直接かけるhtmlの記述方法です。 …

記事を読む▷


Message

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください