ウィジットのUIでテキスト部を選択できないようにしたい

ウィジットのUIはHTMLとして記述します。
そのため、初期状態ではすべてのテキストが選択できる状態になっています。

これを抑制するには、ここでスタイルシートのファイルを「style.css」とし、以下のように記述します。


body {
  font-size: small;
  font-family:Lucida Grande,Arial,'MS UI Gothic',sans-serif;

  user-select:none;
  -ms-user-select:none;
  -webkit-user-select: none;
}

「user-select:none;」「-ms-user-select:none;」「-webkit-user-select: none;」を指定することで、
Win/Mac OS XのShade3Dのウィジットでマウスドラッグでの選択は無効となります。
「style.css」ファイルは、「index.html」ファイルで以下のように指定します。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<link rel="stylesheet" type="text/css" href="./style.css" />
<script src="./readExternalFile.js"></script>

<meta>の下に「<link rel=”stylesheet” type=”text/css” href=”./style.css” />」を追加しています。
スタイルシートの指定については「ウィジットのUIで、Shade3Dに近いフォントで表示したい」もご参照くださいませ。

Translate »