大佬教程收集整理的这篇文章主要介绍了cordova – 离子3输入字段圆角和图标，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我尝试了很多方法来实现它,但我无法将其拉下来.如果我使用自定义元素而不是离子元素,我可以获得布局,但它与响应式设计混淆,特别是键盘,键盘不会出现.
谁可以帮我这个事？是我的标记.
<ion-content padding>
<div text-center class="logo-container">
<img class="login-logo" src="./assets/imgs/clean_connect.png" alt="logo of clean connect">
<h4>Sign in to your account</h4>
</div>
<form [formGroup]="signInForm" (submit) = "login(signInForm.value)" novalidate>
<ion-list>
<ion-item>
<ion-label><ion-icon name="ios-person-outline" item-left></ion-icon></ion-label>
<ion-input type="text" value="agira" placeholder="Username" formControlName="username"></ion-input>
</ion-item>
<ion-item no-lines *ngIf="!signInForm.controls.username.valid && (signInForm.controls.username.dirty)">
<div>
Please enter valid Username
</div>
</ion-item>
<ion-item>
<ion-label><ion-icon name="ios-lock-outline" item-left></ion-icon></ion-label>
<ion-input type="password" value="Agira1" placeholder="password" formControlName="password"></ion-input>
</ion-item>
<ion-item no-lines *ngIf="!signInForm.controls.password.valid && (signInForm.controls.password.dirty)">
<div>
Please enter password
</div>
</ion-item>
</ion-list>
<button class="sign-in" type="submit" ion-button full favourite [disabled]="!signInForm.valid">Sign In</button>
</form>
</ion-content>
ion-item:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } ion-item:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } ion-item.item { BACkground-color: rgba(255,255,0.4); margin-bottom: 1px; .label { width: 10%; color: rgba(0,0.6); font-size: 1.2em; } }
你可以得到这样的东西：
可能你需要直接使用类名而不是离子项……
以上是大佬教程为你收集整理的cordova – 离子3输入字段圆角和图标全部内容，希望文章能够帮你解决cordova – 离子3输入字段圆角和图标所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。