0


微信小程序——修改field输入框内文字颜色和背景图透明度调整

一、修改field输入框内的文字的颜色

我用的vant组件,所以直接在页面写的样式,先上代码

<van-field custom-style="-webkit-text-fill-color:rgb(130 127 127 / 83%); ">
</van-field>

-webkit-text-fill-color的相关介绍:1.语法:-webkit-text-fill-color:<color>;2.默认值:transparent;3.有继承,有动画效果,适用于所有元素

相关知识来源:-webkit-text-fill-color - [ CSS 4.2.4参考手册 ] - 在线原生手册 - php中文网有需要的小伙伴可以去看看,感觉这个文档说的挺详细的

二、修改背景图透明度

背景图也可以通过css来控制透明度,在css中加opacity: 0.1就可以实现,它的值是从0到1,越大越不透明

图片小妙招:微信小程序代码有大小的限制,图片最好不要直接存放在文件夹里,可以到Image Upload - SM.MS - Simple Free Image Hosting上传,上传完后会有链接的,直接用连接引用就好~这样可以节约空间


本文转载自: https://blog.csdn.net/qq_36181045/article/details/126153095
版权归原作者 Bonny雨曦 所有, 如有侵权,请联系我们删除。

“微信小程序——修改field输入框内文字颜色和背景图透明度调整”的评论:

还没有评论