9) Mat-Form-Field (fill) Customization in Angular 15 | angular material | angular 15 tutorial

preview_player
Показать описание
🚀 Hello Everyone Welcome to my channel, Angular 16 in-depth tutorial, we are customizing the Mat List in Angular 16 version. Developers often discuss new releases and share their experiences. I shared My Experience pls check my experience and like my video so keep me comment below in comment section, like, share & subscribe and support my channel to more get video.

#angular #MatListCustomization #Angular16Design #UIEnhancement #TechTutorial
#DevelopmentGuide #AngularDevelopment #DesignTips #WebDevelopment #UserInterface #design #designtips #designer #designs #webdevelopment #angulardevelopment #CodeLikeAPro #input #List #mastercoding #html #html5 #css #css3 #bootstrap #bootstraptutorial #angulartips #angulardevelopment #angular16 #angular_js #codewithbear

What we customize the Mat-Form-Field Input (fill) Fully Customize in this Video :
- Bydefault Border color,
- Hover to change Border Color,
- Focus to Change Border Color,
- Input Text Color,
- Label Color,
- Placeholder Color,
- Input Caret Color,
- Label Font-size, Scale & Position,
- Focus to Change Label Text-Color & Background,
- Change Bydefault Background Color,
- Hover to Change Background Color,
- Hover & Focus To Change Bydefault Background Color,
- Change Bottom Ripple Line Border Color ByDefault & Hover & Focus

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

// change input border-radius shape
::ng-deep .mat-mdc-text-field-wrapper {
border-radius: 10px !important;
}

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Angular Material v15.2.6 :

Visit on Website :

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Don't miss out on this transformative tutorial! Subscribe, like, and hit the bell icon for more in-depth tech guides. Let's embark on this coding adventure together! 💻🔧
Рекомендации по теме
Комментарии
Автор

Yes, I will send the code as soon as possible...

codewithbear
Автор

how to change background color when field is not focused?

rachelmatthew
Автор

how we can change the height of text input ?

mimaouamen
Автор

so helpfull! thanks a lot!!! where do you learn it ?

ginostrauss
Автор

your a big bodd men.. i need this a lot. thanks . can you send me the code or share the repo ??

FranciscoQuintero-emtr