cordova 有没有一个方法可以只对用户输入的文本而< input type ="text">不是输入字段本身进行样式化?

b4qexyjb  于 2022-11-15  发布在  其他
关注(0)|答案(1)|浏览(125)

我正在使用Cordova制作一个android应用程序,我有一个文本字段供用户输入。我使用键盘功能,这样我就可以监听文本字段上的done键。当事件触发时,我希望能够“动画化”刚刚输入到字段中的文本。我不一定要动画化它,但实际上只是在文本周围放一个圆形框,这样就可以清楚地看到输入已被接受。
例如:
这是他们在键盘上输入文本之后,在按下“完成”之前的样子。
Text input before submit
当事件触发时,我想在字体粗细发生变化的地方设置文本样式,并且文本的背景会出现气泡。这可能吗?
Text input after submit

rqenqsqc

rqenqsqc1#

在用于监听done键的函数中,可以使用Element.classList.add()<input type="text">元素添加一个类。

const inputElement = document.getElementById('your-input-element')
inputElement.classList.add('recipent-submitted')

然后在CSS文件中对.recipent-submitted应用您想要的样式。

相关问题