Wie zum Ausschalten von CSS: Hover für Kendo-Gitter (.k-Grid tr: Hover) ohne Änderung der Kendo CSS?

Ich habe ein Kendo Gitter auf Cordova App. Hier im Raster ist das Scrollen aufgrund der CSS-Regel 'k-grid tr: hover' in Kendo css gezackt. Wenn ich diese Regel von Entwicklertools aus deaktiviere, ist das Scrollen problemlos. Gibt es eine Möglichkeit, diese Hover-Regel zu deaktivieren?Wie zum Ausschalten von CSS: Hover für Kendo-Gitter (.k-Grid tr: Hover) ohne Änderung der Kendo CSS?

Ich möchte Hover-Verhalten nicht überschreiben. Ich möchte es deaktivieren.

Edit: Das Problem liegt daran zu schweben das Scrollen ist nicht glatt auf dem Gitter. Die Scroll startet nach dem Touch des Swipe, aber stattdessen sollte sie sich mit touchmove bewegen. Dies führt dazu, dass das Scrollen gezackt wird. Durch das Entfernen der Hover-Regel wird das Problem gelöst und das Scrolling wird sanft.

Bitten Sie bei Bedarf um weitere Erläuterungen.

Quelle

2016-06-01 Akshay Shinde

Gibt es einen Grund, dass Sie die Kendo CSS nicht ändern möchten? – whipdancer

Mein Lead erlaubt mir nicht zu .. * -_-, sonst kann ich nur diese Regel entfernen. Aber es ist eine schlechte Übung, die externe API zu modifizieren. –

Ich kann die Sicht der Leitung verstehen. Wir haben jedoch ein maßgeschneidertes kendo-CSS verwendet, das wir mit dem Online-Tool, das Telerik für diesen Zweck bereitgestellt hat, von Anfang an erstellt haben, sodass wir den internen Designstandards entsprechen. – whipdancer

Sie können Zeiger-Ereignisse: keine Eigenschaft auf dem DOM-Element verwenden. https://developer.mozilla.org/en/docs/Web/CSS/pointer-events

.k-grid tr { 
    pointer-events: none; 
}

Mit dieser Eigenschaft wird das Hover-Ereignis auf das Element vollständig ignoriert.

Quelle

2016-06-01 13:23:06

Ich habe das versucht, aber ich habe ein Kontrollkästchen und ein anklickbares Element in der Tabellenzeile. Diese Elementklickereignisse werden ebenfalls nicht ausgelöst. –

Ich nahm einen Hinweis von Gabriels Antwort, aber ich habe keine Zeiger-Events auf die td-Elemente innerhalb von .k-grid tr angewendet. Aber dies ist nur eine temporäre Korrektur, da dies die Möglichkeit des Hinzufügens von Zeigerereignissen zu diesen td-Elementen beseitigt. Ich suche immer noch nach einer besseren Alternative.

Quelle

2016-06-03 07:09:45

Wie zum Ausschalten von CSS: Hover für Kendo-Gitter (.k-Grid tr: Hover) ohne Änderung der Kendo CSS?

Antwort

Verwandte Themen