title: How to remove bottom line from the ionic 2 components
body: <p><img src="https://i.stack.imgur.com/yZgVY.png" alt="![enter image description here"></p>
  
  <p>I'm using ionic 2.
  I need to remove the bottom white line from the input field.
  This is my addVehicle.html page,</p>
  
  <pre><code>&lt;form [formGroup]="addCustomerForm" (ngSubmit)="onSubmit(addCustomerForm)"&gt;
  &lt;ion-item class="ion-card"&gt;
    &lt;ion-input type="text" placeholder="Owner Name" class="ion_input" formControlName="vehicle_cust_name" name="vehicle_cust_name"&gt;&lt;/ion-input&gt;
    &lt;ion-icon name="person-add" class="ion_icon" item-left small&gt;&lt;/ion-icon&gt;
  &lt;/ion-item&gt;
  &lt;ion-item class="ion-card"&gt;
    &lt;ion-input type="text" class="ion_input" placeholder="Vehical No" formControlName="vehicle_no" name="vehicle_no"&gt;&lt;/ion-input&gt;
    &lt;ion-icon name="car" class="ion_icon" item-left small&gt;&lt;/ion-icon&gt;
  &lt;/ion-item&gt;
  &lt;ion-item class="ion-card"&gt;
    &lt;ion-input type="text" class="ion_input" placeholder="Tel No 1" formControlName="vehicle_cust_tel1" name="vehicle_cust_tel1"&gt;&lt;/ion-input&gt;
    &lt;ion-icon name="call" class="ion_icon" item-left small&gt;&lt;/ion-icon&gt;
  &lt;/ion-item&gt;
  &lt;ion-item class="ion-card"&gt;
    &lt;ion-input type="text" class="ion_input" placeholder="Tel No 2" formControlName="vehicle_cust_tel2" name="vehicle_cust_tel2"&gt;&lt;/ion-input&gt;
    &lt;ion-icon name="call" class="ion_icon" item-left small&gt;&lt;/ion-icon&gt;
  &lt;/ion-item&gt;
  &lt;ion-item class="ion-card"&gt;
    &lt;ion-input type="text" class="ion_input" placeholder="Address" formControlName="vehicle_cust_address" name="vehicle_cust_address"&gt;&lt;/ion-input&gt;
    &lt;ion-icon name="navigate" class="ion_icon" item-left small&gt;&lt;/ion-icon&gt;
  &lt;/ion-item&gt;
  &lt;ion-item class="ion-card"&gt;
    &lt;ion-input type="text" class="ion_input" placeholder="Engine No" formControlName="vehicle_engine_no" name="vehicle_engine_no"&gt;&lt;/ion-input&gt;
    &lt;ion-icon name="construct" class="ion_icon" item-left small&gt;&lt;/ion-icon&gt;
  &lt;/ion-item&gt;
  &lt;ion-item class="ion-card"&gt;
    &lt;ion-input type="text" class="ion_input" placeholder="Chassis No" formControlName="vehicle_chassis_no" name="vehicle_chassis_no"&gt;&lt;/ion-input&gt;
    &lt;ion-icon name="build" class="ion_icon" item-left small&gt;&lt;/ion-icon&gt;
  &lt;/ion-item&gt;
  &lt;ion-item class="ion-card"&gt;
    &lt;ion-select class="ion_input" placeholder="Brand ID" formControlName="vehicle_vehicle_brand_id" [(ngModel)]="vehicle_vehicle_brand_id"
      multiple="false"&gt;
      &lt;ion-option *ngFor="let brandId of brandIds.brand" [value]="brandId.brand_id"&gt;{{brandId.brand_name}}&lt;/ion-option&gt;
    &lt;/ion-select&gt;
    &lt;ion-icon name="code" class="ion_icon" item-left small&gt;&lt;/ion-icon&gt;
  &lt;/ion-item&gt;
  &lt;ion-item class="ion-card"&gt;
    &lt;ion-select class="ion_input" placeholder="Type" formControlName="vehicle_vehicle_models_id" [(ngModel)]="vehicle_vehicle_models_id"
      multiple="false" (ionChange)="modelChanged(vehicle_vehicle_models_id)"&gt;
      &lt;ion-option *ngFor="let loadModel of loadModels.types" [value]="loadModel.models_id"&gt;{{loadModel.models_name}}&lt;/ion-option&gt;
    &lt;/ion-select&gt;
    &lt;ion-icon name="code-working" class="ion_icon" item-left small&gt;&lt;/ion-icon&gt;
  &lt;/ion-item&gt;
  &lt;button ion-button color="primary_btn" type="submit" [disabled]="!addCustomerForm.valid" block&gt;
      Add Vehicle
      &lt;/button&gt;
  &lt;button ion-button color="secondary_btn" type="button" (click)="cancleClick()" block&gt;
      Cancel
      &lt;/button&gt;
  </code></pre>
  
  <p></p>
  
  <p>I used </p>
  
  <pre><code>$text-input-md-highlight-color:false;
  </code></pre>
  
  <p>And this is my .css </p>
  
  <pre><code>.ion-card{
  background-color: #101218;
  border: 1px solid #4A4A4A;
  margin:20px auto;
  border-radius: 10px !important;
  }
  .ion_input{
  color:#f4f4f4;
  opacity: 0.6;
  }
  .ion_icon{
  color:#f4f4f4;
  opacity: 0.6;
  font-size: 5px;
  }
  .home_back{
   background-color: #15161D;
  }
  .item-inner, ion-item {
   border-bottom-color: transparent !important;
   box-shadow: none !important;
   }
  </code></pre>
  
  <p>for remove that white line which the image shows you.But I can't remove it.Is there a suggestion to overcome this issue guys</p>