Heim > Web-Frontend > CSS-Tutorial > Können Sie die Größenänderungs-Grabber in Textbereichen formatieren?

Können Sie die Größenänderungs-Grabber in Textbereichen formatieren?

DDD
Freigeben: 2024-11-04 21:22:02
Original
653 Leute haben es durchsucht

Can You Style the Resize Grabbers on Text Areas?

Grabber zur Größenänderung von Textbereichen gestalten

Frage: Ist es möglich, die Griffe zur Größenänderung von Textbereichen zu formatieren?

Antwort:

Ja, Sie können das Erscheinungsbild der Resize-Grabber in Textbereichen mithilfe des Pseudoelements ::-webkit-resizer anpassen. Dieses Pseudoelement wird in WebKit-basierten Browsern wie Chrome und Safari unterstützt.

Um den Resize Grabber auszublenden, können Sie die Eigenschaften display: none oder -webkit-appearance: none verwenden:

<code class="css">::-webkit-resizer {
  display: none;
}

OR

::-webkit-resizer {
  -webkit-appearance: none;
}</code>
Nach dem Login kopieren

Durch die Anwendung dieser Stile wird der Größenänderungsgreifer in Textbereichen unsichtbar.

Beispiel:

<code class="html"><textarea></textarea></code>
Nach dem Login kopieren
<code class="css">::-webkit-resizer {
  display: none;
}</code>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonKönnen Sie die Größenänderungs-Grabber in Textbereichen formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage