Maison > interface Web > tutoriel CSS > Pouvez-vous styliser les capteurs de redimensionnement sur les zones de texte ?

Pouvez-vous styliser les capteurs de redimensionnement sur les zones de texte ?

DDD
Libérer: 2024-11-04 21:22:02
original
653 Les gens l'ont consulté

Can You Style the Resize Grabbers on Text Areas?

Style des poignées de redimensionnement de la zone de texte

Question : Est-il possible de styliser les poignées de redimensionnement des zones de texte ?

Réponse :

Oui, vous pouvez personnaliser l'apparence des capteurs de redimensionnement dans les zones de texte à l'aide du pseudo-élément ::-webkit-resizer. Ce pseudo-élément est pris en charge dans les navigateurs basés sur WebKit, tels que Chrome et Safari.

Pour masquer la capture de redimensionnement, vous pouvez utiliser les propriétés display: none ou -webkit-lessly: none :

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

OR

::-webkit-resizer {
  -webkit-appearance: none;
}</code>
Copier après la connexion

En appliquant ces styles, le capteur de redimensionnement sera invisible sur les zones de texte.

Exemple :

<code class="html"><textarea></textarea></code>
Copier après la connexion
<code class="css">::-webkit-resizer {
  display: none;
}</code>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal