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
DDDoriginal
2024-11-04 21:22:02677parcourir

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>

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

Exemple :

<code class="html"><textarea></textarea></code>
<code class="css">::-webkit-resizer {
  display: none;
}</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