html - さまざまなブラウザーでサポートされていないカーソルに対処する

Question

表セルのホバーでカーソルをセル(太いプラス記号)に変更したい

私が使った

tr:hover td {
    cursor: cell;
}

Chrome では動作しないようですが、Firefox では動作します。

カーソルのリスト http://www.css3.com/css-cursor/ および http://www.sitepoint.com/css3-cursor-styles/#fbid=2MQ0iRM9or2 は、クロムでサポートされていると言います。

回避策の 1 つは、カーソルのイメージを作成することです。

私は他のより良い回避策を探しています/

または、さまざまなブラウザーのカーソルを管理するためのベスト プラクティスは何ですか。

Answer 1

Firefox では、セル カーソルがデフォルトで十字線になっているようです。カーソルを設定してブラウザに任せて、それをどうするかを決めるだけです。言い換えれば、あなたが持っている CSS を維持し、必要なカーソルが仕様の標準である限り、時間の経過とともにゆっくりと採用され、ある程度の優雅な劣化が生じます。

もう 1 つのオプションは、JavaScript を使用することです。jQueryが好きなら、画像でこれを行うプラグインがいくつかあるようです。

これは私が掘り起こしたもので、十分に単純だと思われます：

http://jquery.kidsil.net/examples/customcursor/example.html

幸運を！