0

これは、WebKit 駆動のブラウザー (Windows の Chrome および Safari) でテストされ、再現できなかったため、レンダリング エンジンの癖のようです。

説明

GXT などの深くネストされた DOM 構造を使用する場合Grid、defaultカーソルは適用された他のスタイルをオーバーライドするように見えます。この動作をオーバーライド (または回避) するにはどうすればよいですか?

テストケース

再現する手順

(お気に入りのブラウザの開発者ツールに関する基本的な知識が必要です)

  1. GXT 2.2.x サンプル ショーケースにアクセスしてください。
  2. グリッド内のセル テキスト値を右クリックしてInspect Elementをクリックするか、ヒットF12して開発者ツールを開き、その要素を手動で検査します。次のように表記された要素を検査する必要がありますdiv.x-grid3-cell-inner.x-grid3-col-name。
  3. [スタイル] ビューで、次のセレクターに一致するルールを探し.x-grid3-rowますcursor。その値を からdefaultに変更しますauto。

期待される結果

カーソルは、要素のタイプに応じてレンダリングする必要があります。たとえば、テキスト コンテンツ要素のテキスト カーソルです。

実結果

Gecko ベースのブラウザーでは、要素のタイプに関係なく、デフォルトのカーソルが表示されます。

4

1 に答える 1

0

tabindexこれは、以上の値を持つ宣言された属性を持つ祖先要素によって引き起こされる既知の問題で0あり、Mozilla バグ トラッカーで報告されたバグです。

この単純なテスト ケースを Gecko ブラウザーで実行することで再現できます (参照用に WebKit で実行します)。

回避策として、階層の上位のすべての要素に のtabindex値を割り当てる-1か、それらを完全に削除して、このブロックに入ることを回避し、カーソル関連の CSS ルールを通常の動作に戻すことができます。

于 2012-07-15T15:39:26.373 に答える