如何删除输入填充ionic-2

时间:2018-06-29 17:02:23

标签: ionic-framework ionic3

我删除了输入下划线,但无法删除填充。 我的html代码是

 <ion-item style="padding-left:0; margin:0;  ">
                           <ion-label  color="primary">Stok Adı</ion-label>
                           <ion-input  [(ngModel)]="siparis.urun.stok_adi" name="siparis.urun.stok_adi"
 type="text"  spellcheck="false" autocapitalize="off" required>
                           </ion-input> </ion-item>

这是我的CSS代码:

page-siparis-sepet {   
  .list {
    margin-bottom: 0;
    padding: 0 !important;
  }   

  ion-content {

    %no-input-border {
      border-bottom-color: transparent;
      box-shadow: none;
    }

    ion-item {
      &.item-input {
        &.item-md {
          &.input-has-focus {
            .item-inner {
              @extend %no-input-border;
            }
          }
        }

        &.ng-invalid {
          &.item-md {
            &.ng-touched:not(.input-has-focus):not(.item-input-has-focus) {
              .item-inner {
                @extend %no-input-border;
              }
            }
          }
        }

        &.ng-valid {
          &.item-md {
            &.input-has-value:not(.input-has-focus):not(.item-input-has-focus) {
              .item-inner {
                @extend %no-input-border;
              }
            }
          }
        }
      }
    }
  }
}

好像是

enter image description here

0 个答案:

没有答案