ionic-framework - 浮动文本框设计问题
问题描述
离子 4 - 角度 7
.ion-item-bg{
--background: transparent;
--color:#fff;
border-bottom: 1px solid #fff
}
<ion-item class="ion-item-bg" lines='none'>
<ion-label class="open-sans-light" position="floating" style="--color:#fff;">
email
</ion-label>
<ion-input formControlName='email' autocomplete='off'></ion-input>
</ion-item>
如果我们保存凭据,那么在重新加载 UI 时看起来像图像
尝试了 autocomplete off 和 all ,但仍然面临问题。
解决方案
你只说错了,而不是你真正想要的。
我假设您希望文本框也透明?
看起来你需要对ion-input
.
ion-input {
--background: transparent;
}
如果这不起作用,有时我不得不使用:
ion-input {
--background: transparent;
background: transparent;
}
或者甚至穿上!important;
它们。
推荐阅读
- javascript - 有没有办法获得实际的 css 列宽度和间隙?
- django - 聊天套接字(网络套接字)意外关闭(django-channels)?
- html - Angular 8:无法从 Rest Api 获取消息
- jenkins - 带参数的waitForQualityGate
- c# - 如何修复“解码时发现无效数据”。
- javascript - fs.writeFile 不是一个函数 Electron/React
- jquery - 动态更改输入标签
- ios - 如何在 UITextView 中禁用垂直滚动?
- javascript - 每次点击后间隔变得越来越短
- agens-graph - 如何更改 AgensGraph 上的 ELABEL?