微信小程序用vant weapp组件设置圆角边框输入框

vant weapp的输入框样式默认都是方形的,有时候需要设置成圆角的样式,发现直接设置以下样式根本不起作用,这是因为框架自带的样式导致的,这时候我们需要看看style,找到为什么修改不成功。

.van-field{
boder-radius:50rpx;
}

微信小程序用vant weapp组件设置圆角边框输入框_第1张图片
起初我把所有能试的方法都试了发现就是没有办法改变边框的样式,后来才发现框架有坑,我一直调的是van-field的样式,但其实还有一个看不见但存在的van-cell,找到它之后修改它就成功啦。有很多样式你看不见但是在影响着你调试,所以下次遇到这样的情况的时候先检查看看再调试。
微信小程序用vant weapp组件设置圆角边框输入框_第2张图片
微信小程序用vant weapp组件设置圆角边框输入框_第3张图片

你可能感兴趣的:(前端学习,新手村,微信小程序,javascript,小程序)