Adakah terdapat cara untuk membuat textarea tidak menunjukkan perubahan CSS apabila diubah saiznya?

Question

Apabila saya ingin menetapkan masa <textarea> 的背景转换时，它成功了。但是，当我尝试调整它的大小时，transition pada tuding ia masih berfungsi.

Berikut ialah kod saya, anda boleh seret <textarea> untuk melihat apa yang salah:

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


textarea{
  transition:1s;
}

<textarea></textarea>

Saya sedang mencari cara untuk tidak melakukan peralihan semasa menyeret.

Answer 1

Masalah ini boleh diselesaikan dengan menentukan sifat CSS untuk ditukar, dalam hal ini menentukan warna latar belakang akan membantu:

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

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

textarea {
  transition: background-color 1s;
}