ng-zorror-antd------Input输入框

使用 ng-zorror-antd 来美化界面，带着问题挖掘技术：

一：基本使用

       效果图：

　

　　问题一：如何人为控制输入框长度，如上效果图，让一个输入框长，一个输入框短？（注意：该输入框是最简单的输入框，只是一个单纯的输入框）

         

　　html 代码：

<input class="input1" nz-input placeholder="Basic usage">

<input class="input2" nz-input placeholder="Basic usage" [disabled]="true">

　　CSS 代码

[nz-input]{
  margin-left: 500px;
}

[nz-input].input1{
  width: 200px;
  margin-top: 50px;
  margin-bottom: 50px;
  display: block;
}

[nz-input].input2{
  width: 800px;
}

　　解决办法：

　　针对这种简单的，比较单纯的输入框，给他们分别赋不同的 类 class ，在上面的例子中，给第一个输入框赋类  input1，给第二个输入框赋类 input2，通过 [nz-input]+类名 ，可以对其分别赋予样式。