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

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

在这里插入图片描述
起初我把所有能试的方法都试了发现就是没有办法改变边框的样式,后来才发现框架有坑,我一直调的是van-field的样式,但其实还有一个看不见但存在的van-cell,找到它之后修改它就成功啦。有很多样式你看不见但是在影响着你调试,所以下次遇到这样的情况的时候先检查看看再调试。
在这里插入图片描述
在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐