el-input设置背景色,改变样式
作者:小教学发布时间:2023-09-25分类:程序开发学习浏览:295
导读:<templateslot="birthday"><el-input:class="age==false?'birthd...
<template slot="birthday">
<el-input
:class="age == false ? 'birthday' : ''"
size="mini"
disabled
v-model="form.birthday"
></el-input>
</template>
::v-deep .birthday .el-input__inner {
background-color: yellow !important;
color: red !important;
}
思路:在浏览器控制台的元素中发现el-input是两层,div里套了个input,直接在<el-input>中设置颜色的话无法达到效果,查看发现el-input__inner才是真正input的那层,设置一个class名称来定位到此,style样式中用了scoped,在css样式中加上deep和important
效果:

- 程序开发学习排行
- 最近发表
-
- WordPress随机显示特色图片插件:Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP:Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性


