微信小程序——修改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上传，上传完后会有链接的，直接用连接引用就好~这样可以节约空间