Colored border with Formbuilder + ion-item?


#1

Hello folks,

Do you know how to activate colored border (and not only the underline when focus/error or whatever) when you use Formbuilder (see example below)

(For the first input I don’t know if it’s bug or not but it not display the underline). Like you see, I added in my SCSS these lines to make the border all around the item.

	ion-item { 
		border: 1px solid #c8c7cc;
		margin-top : 20px;
		margin-bottom: 0px;
		border-radius : 4px;
		height : 55px;
		line-height: 55px;
	}

And here my form code :

<ion-list>
		<ion-item>
			<ion-input type="email" value="" placeholder="Nom d'utilisateur" name="username" formControlName="email"></ion-input>
		</ion-item>

        <ion-item>
			<ion-input type="password" value="" placeholder="Mot de passe" name="password" formControlName="password"></ion-input>
		</ion-item>
</ion-list>

Is it possible to do it or now ?

Thank’s for your help or suggestion !


#2

Nobody have and idea ? :slight_smile: