当我准备将<textarea>的背景过渡设置为悬停时,它成功了.然而,当我试图调整它的大小时,transition时间仍然有效.
以下是我的代码,您可以拖动<textarea>来查看问题所在:

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


textarea{
  transition:1s;
}
<textarea></textarea>

我正在寻找一种方法,让它在我拖动它时不执行过渡.

推荐答案

这个问题可以通过指定要转换到哪个css属性来解决,在本例中,指定背景色应该可以解决这个问题:

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

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

textarea {
  transition: background-color 1s;
}
<textarea></textarea>

您可以从MDN中了解更多有关过渡及其速记的信息

Html相关问答推荐

我需要两个HTML标签,以便当另一个隐藏时,一个可见,反之亦然

纯CSS语音气泡与半透明背景和边框

如何使用bslb设置可导航页面侧边栏的样式

如何删除在小屏幕上单击按钮时出现的蓝色方块?

R-markdown中的非顺序列表

有没有一种方法可以很容易地将这个div从底部:0转换到顶部:0?

将精选选项的价格合并为一个价格HTML、PHP和JQuery

HX-POST未使用正确的操作(路径)

仅 Select 悬停的级别,而不 Select 其父级或子级

如何防止弹性项目溢出容器?

如何使用 HTML 将对象数组发送到 Nodejs Express

如何修剪 flex: 1 内的垂直文本?

CSS "overflow"不能显示整个单词

调整屏幕大小时标题在图像下方重叠 - HTML

如何制作一个空的网格模板行来填充剩余空间?

如何使用 CSS 制作蜂窝状网格?

有没有办法使用 CSS border-radius 创建 HTML 视频标签的三角形显示?

绝对定位的 div 与另一个静态定位的 div 的边距顶部一起移动

是否有一种静态方式可以根据暗模式 Select 一张或另一张图像?

更改包含图标高度的 div