HTML5ではCSSで使える要素が増えるみたい。
ところで、今開発してるソフトのデザインで
「どこにフォーカスがあるのかわからない」
というフィードバックが来てた。
素直にGC使えよ･･･と思うんだけど、
なんとかフォーカスの合ってるElementを取得して
背景色と罫線の色を変えるスクリプトを作ってみた。
んだけど、バグだらけだったので放置（ぁ
ある日、IE8.jsなるものを発見。
使い方は簡単で、head内で呼び出すだけ
<!–[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js" type="text/javascript"></script>
<![endif]–>
（IE8で誤作動を避けるためコメントアウトします。）
あとは、CSSで
input:focus{ ~ }
としてやれば、GCっぽいデザインをモダンブラウザで実装できるようになります。
ほかにもいろいろ使えそう。
デモページで確認してみるよ幸せになれると思うよ。
PR
