Maison >interface Web >tutoriel CSS >Le outil de redimensionnement d'un élément Textarea peut-il être personnalisé ?

Le outil de redimensionnement d'un élément Textarea peut-il être personnalisé ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-03 21:19:02852parcourir

Can the Resize Grabber of a Textarea Element be Customized?

Style du Grabber de redimensionnement de la zone de texte

Question :

Le grappin de redimensionnement (le petit poignée dans le coin inférieur droit) d'un élément textarea à personnaliser ?

Réponse :

Oui, il peut être stylisé dans les navigateurs prenant en charge WebKit.

WebKit fournit le pseudo-élément ::-webkit-resizer pour le contrôle de redimensionnement qu'il ajoute aux éléments textarea. Il peut être personnalisé à l'aide de propriétés CSS telles que display et -webkit-looking.

Exemple :

Pour masquer la capture de redimensionnement :

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

Pour donner au grabber une apparence personnalisée :

<code class="css">::-webkit-resizer {
  -webkit-appearance: none;
  background-color: red;
  border: 1px solid blue;
}</code>

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!

Déclaration:
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