Question

我想在我的angular2项目中进行材料设计，到目前为止它的工作原理。但是输入的大小（ie11，edge，chrome，firefox）非常大，文本的大小也是如此。我怎么能改变呢？除了步骤如何安装材料设计外，我没有做任何事情。

Example of normal input size & angular input size

以下是示例：https://material.angular.io/components/component/input

login.component.html：

<input type="password" [(ngModel)]="worker.password" placeholder="Password" />

<md-input-container>
  <input mdInput type="text" [(ngModel)]="worker.login" placeholder="Login" />
</md-input-container>

login.component.ts

import {MdButtonModule, MdInputModule, MdCheckboxModule} from '@angular/material';

app.module.ts

import { MdButtonModule, MdInputModule, MdCheckboxModule } from '@angular/material';
// .. ngmodule
imports: [..., MdButtonModule, MdCheckboxModule, MdInputModule],

我的styles.css和login.component.css文件为空。

Index.html：

<html>

<head>
  <meta charset="utf-8">
  <base href="/login">

  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="../node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">

</head>

<body>
  <app-root>Loading...</app-root>
</body>

</html>

输入的材料设计大小

0 个答案: