uni-app中,是否能够设置焦点组件(input)的样式 CSS中有这样的样式(可以在焦点input时,改变背景颜色): input:focus { background-color:yellow; } 请问类似的功能uni-app是否有办法实现,请指个路多谢
可以设置primaryColor属性 <uni-easyinput primaryColor="#10cfa6" /> 源码注释: * @property {String} primaryColor 设置主题色(默认#2979ff)
在app.vue里面写全局样式,为了避免样式污染,在你要的外面包一层div 做局部限制 .uni-input-input这个类名 是uni-app自动生成的类名 ,亲测有效 .login_box{ .uni-input-input{ border:1upx solid #f8f8f8; border-radius: 10upx; box-sizing: border-box; &:focus{ background: #ebfff9; border-color: #28b28b; } } }
4 个回复
1***@qq.com
可以设置primaryColor属性
源码注释:
l***@gmail.com - 生于这个大时代,与其隔岸观火,不如卸下包袱,扬帆起航。
同问这个问题,楼主后来用什么方式解决这个问题的
1***@qq.com
在app.vue里面写全局样式,为了避免样式污染,在你要的外面包一层div 做局部限制 .uni-input-input这个类名 是uni-app自动生成的类名 ,亲测有效
.login_box{
.uni-input-input{
border:1upx solid #f8f8f8;
border-radius: 10upx;
box-sizing: border-box;
&:focus{
background: #ebfff9;
border-color: #28b28b;
}
}
}
rickzyq
搞定了,多谢大佬
2021-02-14 12:05
失去后才明白
.上级类名 .uni-input-input:focus {
border:1px solid #fff;
}
搞定