2017-09-13 22 views
1

Ionic 3で<textarea>を使用していますが、入力すると残りの文字は表示されません。Ionic 3のテキストエリアに文字が表示されない

キーボードを閉じてページをスクロールして戻ってくるのを待つだけです。私はそれがさわやかな問題であると思いますが、それを解決する方法がわからない

//view 
     <textarea class="textarea" spellcheck="true" autoComplete="true" autocorrect="true" placeholder="Message" [(ngModel)]="message"></textarea> 

//css 
    textarea.textarea { 
     width: 100%; 
     background-color: #fff; 
     border: 0.55px solid #c8c7cc; 
     border-radius: 5px; 
     padding: 4px 45px 4px 4px; 
     -webkit-appearance: none; 
     } 

は、ここに私のコードです。

enter image description here

答えて

1

イオンはありion-textareaと呼ばれるtextareaの独自のバージョン:

<ion-list> 
    <ion-item> 
    <ion-textarea placeholder="Enter a description"></ion-textarea> 
    </ion-item> 
</ion-list> 

これもあなたの入力の問題を回避する必要があります。 https://ionicframework.com/docs/api/components/input/Input/

通常、コンテンツを構造化するために、リストの文脈で使用されています。

+0

問題が残っています... '

+0

その余分なクラスは必要ありません。 2つの小さな「i」を隣に並べて入力するとどうなりますか? – janpio

+1

私の間違いは、 ':before'に影響する私のCSSのもう一つのクラスでした。ご協力いただきありがとうございます! –

0

あなたはこのコードを使用し、使用することができます。 私はtextareaはイオン性のうまく動作しないと思います。

関連する問題