Existe-t-il un moyen de faire en sorte qu'une zone de texte n'affiche pas les transformations CSS lorsqu'elle est redimensionnée ?

Question

Quand je veux régler l'heure <textarea> 的背景转换时，它成功了。但是，当我尝试调整它的大小时，transition en survol, cela fonctionne toujours.

Voici mon code, vous pouvez faire glisser <textarea> pour voir ce qui ne va pas :

textarea::-webkit-resizer:active {
  transition:0s;
}
textarea:hover{
  background:rgb(200,200,200);
}


textarea{
  transition:1s;
}

<textarea></textarea>

Je cherche un moyen de ne pas effectuer de transition en faisant glisser.

Answer 1

Ce problème peut être résolu en spécifiant la propriété CSS vers laquelle convertir, auquel cas spécifier la couleur d'arrière-plan fera l'affaire :

textarea::-webkit-resizer:active {
  transition: 0s;
}

textarea:hover {
  background: rgb(200, 200, 200);
}

textarea {
  transition: background-color 1s;
}