Angular Material mdInput border around the control

Question

I would like to style my mdInput control to have a black box around it:

Answer 1

https://material.angular.io/components/form-field/overview#form-field-appearance-variants

The newer version of angular form field supports different appearances for the form fields like

1. legacy (material default)
2. standard
3. fill
4. outline

Outline is what you are looking for

look at the demo here

https://stackblitz.com/edit/angular-61fqsd?file=src/app/app.component.html