如何防止手动调整md-input-container的大小

.md-input-container {
  width: 200px; /* 固定宽度 */
  height: 40px; /* 固定高度 */
  min-width: 200px; /* 最小宽度 */
  min-height: 40px; /* 最小高度 */
  max-width: 200px; /* 最大宽度 */
  max-height: 40px; /* 最大高度 */
}

import { Directive, HostListener } from '@angular/core';

@Directive({
  selector: '[preventResize]'
})
export class PreventResizeDirective {
  @HostListener('mousedown', ['$event'])
  @HostListener('touchstart', ['$event'])
  onResize(event: Event) {
    event.preventDefault();
  }
}

<md-input-container preventResize>
  <input mdInput placeholder="输入框">
</md-input-container>

<md-input-container [style.width.px]="200" [style.height.px]="40">
  <input mdInput placeholder="输入框">
</md-input-container>