有沒有辦法讓textarea在調整大小時不顯示CSS變換？

Question

當我要在懸停時設定 <textarea> 的背景轉換時，它成功了。但是，當我嘗試調整它的大小時，transition 時間仍然有效。

這是我的程式碼，你可以拖曳<textarea>看看有什麼問題：

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


textarea{
  transition:1s;
}

<textarea></textarea>

我正在尋找一種方法，讓它在拖曳時不執行轉換。

Answer 1

這個問題可以透過指定要轉換到的 CSS 屬性來解決，在這種情況下，指定背景顏色就可以解決問題：

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

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

textarea {
  transition: background-color 1s;
}