Heim >Web-Frontend >CSS-Tutorial >Wie behalte ich den Cursor-Stil bei, während ich die Link-Interaktivität mit „pointer-events: none' deaktiviere?

Wie behalte ich den Cursor-Stil bei, während ich die Link-Interaktivität mit „pointer-events: none' deaktiviere?

Linda Hamilton
Linda HamiltonOriginal
2024-11-05 00:34:021070Durchsuche

How to Maintain Cursor Style While Disabling Link Interactivity with

Cursorstil mit „pointer-events: none“ beibehalten

Das Deaktivieren der Interaktivität eines Links mithilfe von „pointer-events: none“ kann zu Konflikten führen Änderungen der Cursoreigenschaften. Dies liegt daran, dass „pointer-events: none“ alle Mausinteraktionen mit dem Element verhindert, einschließlich Cursoränderungen.

Um dieses Problem zu beheben, können Sie die Cursoreigenschaft auf das übergeordnete Element anstelle des Links selbst anwenden. Auf diese Weise wird die Cursoränderung wirksam, während die deaktivierte Interaktivität des Links erhalten bleibt.

Beispiel:

<code class="html"><span class="wrapper">
    <a href="#">Some Link</a>
</span></code>
<code class="css">.wrapper {
    position: relative;
    cursor: text;  /* This is used */
}
.wrapper a {
    pointer-events: none;
}</code>

Es bestehen jedoch bestimmte Browser-Inkonsistenzen . Um die Kompatibilität mit IE11 sicherzustellen, müssen Sie möglicherweise ein Pseudoelement hinzufügen:

<code class="css">.wrapper:after {
    content: '';
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
}</code>

Dieses Pseudoelement ermöglicht die Textauswahl in Firefox und ermöglicht den Cursorwechsel in Chrome, ohne die Interaktivitätsdeaktivierung zu beeinträchtigen.

Das obige ist der detaillierte Inhalt vonWie behalte ich den Cursor-Stil bei, während ich die Link-Interaktivität mit „pointer-events: none' deaktiviere?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn