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

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">&lt;textarea&gt;&lt;/textarea&gt;</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!