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

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

微信小程序修改顶部电量时间的颜色
微信小程序修改顶部电量时间的颜色 onShow: function () {wx.setNavigationBarColor({frontColor: '#ffffff',backgroundC ...
小程序背景图片从服务器获取,微信小程序button控件去边框、加背景图
button边框去除相信大家开发微信小程序时使用button会遇到一些与预期效果不同的样式问题.例如button的边框无法去除,在为button设置圆角的时候周围会有一些"杂质" ...
去除微信小程序导航栏存在，添加全屏背景图
单页面下不需要window 直接在.json文件中 {"navigationBarBackgroundColor": "#ffffff","navig ...
微信小程序—在原有数组内添加元素
微信小程序-在原有数组内添加元素 data: {list: [ ] } this.setData({list: this.data.list.concat(XXX)})
微信小程序识别图片并提取文字_微信小程序(图像识别,文字识别)
1. ''你知道为什么海水是蓝色的吗?''''因为海里有鱼''''有鱼跟海水是蓝的有毛关系''''因为鱼会吐泡泡..''''??''''吐泡泡就是..卟噜(blue)卟噜(blue)卟噜(blue)卟 ...
uniapp微信小程序服务器与行内img src图片路径拼接
uniapp微信小程序服务器与行内img src图片路径拼接 1.在main.js 在行内直接引入运行就可以连接到服务器的图片了
ios微信小程序中 input 输入框问题，输入的光标中的内容自动清空
ios微信小程序中 input 输入框问题,输入的光标中的内容自动清空问题描述 1.我在页面上有个倒计时的功能,每一秒都在更新时间,更新时间显示的值(view一直变) 2.我调用input输入框,准 ...
微信小程序生命周期函数（内置钩子函数）
微信小程序生命周期函数(内置钩子函数) 1:应用生命周期生命周期说明 onLaunch 小程序初始化完成时触发,全局只触发一次 onShow 小程序启动或从后台进入前台时(页面显示) onHide ...
微信小程序:修改按钮BUTTON尺寸
1.微信小程序BUTTON常见属性: 2.BUTTON宽高等样式的有效调整方法: 微信小程序当中通过wxss来设置button的宽高值并不起效果,而size属性却只有两个合法值,当我们想要自定义大小时 ...

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

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

二、修改背景图透明度

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

最新文章

热门文章