uni-app中,是否能够设置焦点组件(input)的样式
CSS中有这样的样式(可以在焦点input时,改变背景颜色):
input:focus
{
background-color:yellow;
}
请问类似的功能uni-app是否有办法实现,请指个路多谢
uni-app中,是否能够设置焦点组件(input)的样式
CSS中有这样的样式(可以在焦点input时,改变背景颜色):
input:focus
{
background-color:yellow;
}
请问类似的功能uni-app是否有办法实现,请指个路多谢
最佳回复
在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;
}
}
}
可以设置primaryColor属性
<uni-easyinput primaryColor="#10cfa6" />
源码注释:
* @property {String} primaryColor 设置主题色(默认#2979ff)
梦尋Junjie - 原来她有男朋友
使用 :has 来处理吧
input {
border-bottom: 1px solid #ccc;
padding: 10rpx;
}
input:has(.uni-input-input:focus) {
border-bottom: 1px solid #5555ff;
}
rickzyq
搞定了,多谢大佬
2021-02-14 12:05