☰

CSSで特定のテキストを選択できないようにする方法 [重複] 質問する

tag-icon • tag-icon css
CSSで特定のテキストを選択できないようにする方法 [重複] 質問する

ページのヘッダーに中央揃えのテキストがありますが、ユーザーがそれを選択できないようにしたいです。 CSS でこれを実現する方法はありますか?

ベストアンサー1

以下の CSS により、ユーザーがテキストを選択できなくなります。

-webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */

IE9 以降をターゲットにするには、代わりに html 属性をunselectable使用する必要があります。

<p unselectable="on">Test Text</p>

おすすめ記事