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
相关产品推荐
相关产品推荐

