離子2 - 內卡離子電池輸入丟失勾勒

我的HTML看起來像下面離子2 - 內卡離子電池輸入丟失勾勒

<ion-content padding> 
    <ion-card> 
    <ion-card-header> 
     Header 
    </ion-card-header> 

    <ion-card-content> 
     <form (ngSubmit)='someAction()'> 

     <ion-item> 
      <ion-label stacked>Some Label</ion-label> 
      <ion-input name="some-input" type="text" value="some-value"></ion-input> 
     </ion-item> 

     </form> 
    </ion-card-content> 
    </ion-card> 
</ion-content>

輸入通常將有一個藍色的底部外形，填充時則變成綠色

然而，當。在卡內使用時，僅當輸入被點擊並輸入值時纔會顯示輪廓。

即使將其放置在卡內，是否仍然可以顯示輪廓？

來源

2017-02-15 user2085143

如果您在外面製作該表單，卡內的輸入就像那樣工作。卡會像你期望的那樣工作。所以，也許改變你正在嘗試：D –

你有沒有找到任何解決方案，它似乎不工作在ios –

這只是Ionic工作的方式。如果您需要在卡片中設置輪廓，您需要在CSS中手動執行 – user2085143

我這樣做，

ion-input { 
    border-bottom: 0.5px solid map-get($colors, primary); 
}

這很簡單，並顯示與底線所有輸入就像是重點。這不是我想要的結果，但它比顯示空白輸入要好。

來源

2017-08-07 19:26:20

這是離子 https://github.com/ionic-team/ionic/issues/11640

一個已知的問題。然而，您可以通過，直到這個問題是由團隊固定將此代碼添加到您的app.scss修復它。

.card-md .item-md.item-block:not(:last-child) .item-inner { 
    border-bottom: 1px solid #dedede; 
} 

.card-md .item-md.item-block:not(.item-input):not(.item-select):not(.item-radio):not(.item-checkbox) .item-inner { 
    border: 0; 
}

來源

2017-08-30 03:29:01

離子2 - 內卡離子電池輸入丟失勾勒

回答

相關問題