You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Chrome环境下是否存在可选中input内部文本的CSS选择器,替代text-indent实现流畅动画?

我需要使用transform实现动画,以模拟文本输入框中text-indent的功能,因为直接对text-indent设置动画会出现抖动、卡顿的问题。目前项目运行在Electron环境下,因此任何可在Chrome中正常工作的方案都可采用。

目前已经试过、确定不可行的方案包括:

  • 曾了解到::-ms-value选择器,但它在Chrome中完全不生效
  • 现有项目是已开发完成、结构极为复杂的大型Vue组件,通过添加包裹div移动整个input的方案不可行,采用该方案需要耗时多日对组件进行繁琐的全量重写,改造成本过高

如果不存在符合要求的选择器,任何可解决当前问题的替代方案都可以接受,哪怕通过JS实现相关逻辑也没问题。动画需要在input触发focus和blur事件时执行。

这是解决当前卡顿问题的最后一环。

示例效果动图


内容的提问来源于stack exchange,提问作者m4heshd

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.22 21:15:07