修改element-ui里的input输入框里的字体颜色和背景透明
·
标题修改之前的样式
修改以后的样式:字体变色,背景透明
可以发现在element-ui中把样式都默认了,自己修改的css样式不起作用
代码如下:
<el-input prefix-icon="el-icon-s-custom" placeholder="请输入账号"></el-input>
<el-input prefix-icon="el-icon-lock" placeholder="请输入密码"></el-input>
使用深度选择器
<style lang="less" scoped>
// 改变input里的字体颜色
/deep/input::-webkit-input-placeholder {
color: #17a1e5;
font-size: 15px;
}
// 改变input框背景颜色
/deep/.el-input__inner {
background-color: transparent !important;
border: 1px solid #1296db;
}
</style>
更多推荐
已为社区贡献5条内容
所有评论(0)