CSSのFirefox拡張

http://twitter.com/qtbrowneyes/statuses/672215392

Tumblr 経由で発見。FirefoxSafari で文字列を選択ハイライトにするとあらビクーリ! http://metaatem.net/selcolor.php

びっくりしました。
http://metaatem.net/selcolor.php


なんで、こーいうことが出来るのかとりあえず、htmlのソースを見てみると。

.color-10::selection {
  color: rgb(227, 228, 218);
  background: rgb(227, 228, 218)
}
.color-10::-moz-selection {
  color: rgb(227, 228, 218);
  background: rgb(227, 228, 218)
}

とか書いてある。


「-moz-selection」でぐぐってみると、Mozilla独自の拡張があるらしい。
CSSメモ: Mozilla拡張
http://www1.ttcn.ne.jp/amotohiko/css/moz.html

-moz-selection CSS3 Selectors ::selectionの先行実装


というわけで、CSS3とかの資料を後で読む
Web関連技術の仕様書邦訳
http://www.d-toybox.com/spec/