Angular Material - force chrome autofill to paint whole input

Asked Mar 04 '19 at 14:38

Active Mar 04 '19 at 16:11

Viewed 134 times

I'm using a Angular Material 6.0.4 I stumbled upon a problem. I got form for basic user data if user use chrome autofill to fill the data the data got injected properly however it leaves yellow(blue) background. Due to the way material angular is made. Colored is only strip of whole input component.

Is there a way to make chrome fill whole input component?

DEMO

Here's what I got:

Here's what I want (i used paint):

edited Mar 04 '19 at 16:11

Quentin

1,865
2
24
40

asked Mar 04 '19 at 14:38

karoluS

2,980
2
23
44

You can use some properties like in this [exemple](https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete) – Julien METRAL Mar 04 '19 at 14:45
I don't want to remove background colour. I want it to fill whole div. – karoluS Mar 04 '19 at 14:47
I know but you can use the exemple to change the width, the height border-box, try other css properties etc.. try to add height and width to 100% for exemple – Julien METRAL Mar 04 '19 at 14:50
did you find a solution? – Nicolas Gehlert Apr 12 '21 at 15:51

Angular Material - force chrome autofill to paint whole input

0 Answers0