Heim > Artikel > Web-Frontend > So machen Sie CSS-Textbereiche nicht ziehbar

So machen Sie CSS-Textbereiche nicht ziehbar

藏色散人Original: 2020-12-14 09:17:594406Durchsuche

So implementieren Sie die Nicht-Dragbarkeit des CSS-Textbereichs: Erstellen Sie zunächst eine HTML-Beispieldatei und legen Sie dann den Stil „resize:none;“ für das Textarea-Element fest, um den Textbereich nicht ziehbar zu machen.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, Thinkpad T480-Computer.

In CSS können Sie den Stil „resize:none;“ auf das Textarea-Element festlegen, damit das Textarea nicht verschoben werden kann und die Größe des Elements nicht angepasst werden kann.

Beispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<textarea>普通textarea文本框</textarea><br /><br />
<textarea style="resize:none;">禁止拖动的textarea文本框</textarea>
</body>
</html>

Rendering:

So machen Sie CSS-Textbereiche nicht ziehbar

Einführung in das Größenänderungsattribut

Das Größenänderungsattribut gibt an, ob die Größe des Elements vom Benutzer angepasst werden kann.

Syntax

resize: none|both|horizontal|vertical;

Attributwerte:

keine: Der Benutzer kann die Größe des Elements nicht ändern.

beides: Benutzer können die Höhe und Breite des Elements anpassen.

horizontal: Der Benutzer kann die Breite des Elements anpassen.

vertikal: Der Benutzer kann die Höhe des Elements anpassen.

Hinweis: Wenn Sie möchten, dass dieses Attribut wirksam wird, müssen Sie das Überlaufattribut des Elements festlegen. Der Wert kann „Auto“, „Ausgeblendet“ oder „Scrollen“ sein.

In Verbindung stehende Artikel

Mehr sehen