Wie man ein DIV in HTML nicht ausgewählt

Cascading Style Sheets (CSS) wurden dem HTML-Standard ermöglicht die Darstellung und das Verhalten der Elemente auf Ihren Webseiten genauer steuern hinzugefügt. Leider sind Web-Standards nicht immer von allen Web-Browsern auf die gleiche Weise mit der gleichen Syntax angewendet. Um zu verhindern, dass Benutzer das Auswählen von Text in einem "Div"-Element auf Ihrer Webseite, Sie müssen angeben, mehrere CSS-Eigenschaften, um das richtige Verhalten in aktuellen Browsern sicherzustellen und ein spezielles Tag-Attribut muss für Internet Explorer verwendet werden. Andere Eigenschaften gewährleisten die Kompatibilität mit älteren Versionen von Browsern.

Anweisungen

1 Platzieren Sie den folgenden CSS-Code zwischen die Tags "Kopf" Ihres HTML-Dokuments:

< Typ style = "Text/Css" >

{.noselect}

user-select: none;

-webkit-user-select: none;

-moz-user-select: -moz-none;

}

< / style >

Die erste Eigenschaft ist der-Standard geht nach vorn, da es Teil der Arbeitsentwurf des World Wide Web Consortium-Spezifikation für CSS3. Die zweite ist spezifisch für Apples Safari-Browser, und die dritte auf Mozilla Firefox.

2 Weisen Sie die Klasse "Noselect" ein "Div"-Tag im Körper Ihres HTML-Dokuments, um den Text in ihr nicht ausgewählt. Zum Beispiel:

< Div Class = "Noselect" > Sie können nicht auswählen, dieser Text. < / Div >

3 Ein "Div"-Tag Hinzufügen von Unterstützung für Internet Explorer fügen Sie hinzu "nicht ausgewählt" Attribut:

< Div Class = "Noselect" unselectable = "on" > können nicht ausgewählt werden in diesem Text. < / Div >

4 Speichern Sie die Seite und laden Sie es in einem Webbrowser. Der Text im Element "Div" nicht anwählbar. Wenn Sie eine alte Version von Safari oder Opera verwenden, versuchen Sie Folgendes zur Klasse "Noselect" in der CSS-Code hinzufügen:

-o-Benutzer-Select: keine;

-Khtml-Benutzer-Select: keine;

5 Ändern Sie ".noselect" in "Div" in der CSS-Code für jedes "Div"-Element auf der Seite Eigenschaften zuweisen, damit Sie nicht zur Angabe einer Klasse jeweils, wenn alle von ihnen nicht ausgewählt werden sollen. Sie haben noch jede, aber das "nicht ausgewählt" Attribut hinzufügen.