bugfix> css > 投稿

ionic3の小さなアプリケーションを作成しています。 Whats App Statusページのように作成しようとしました。そのためにイオンテキスト領域を追加しました。ただし、テキスト入力カーソルは途中で入力を開始しません。誰もがそれを正しく行う方法を知っていますか?

HTML

<ion-content>
  <textarea #myInput id="myInput" rows="7" maxLength="300" (keyup)="resize()" [(ngModel)]="myStuff" text-center placeholder="Notifictaion here..."></textarea>
</ion-content>

css。

#myInput {
    width: calc(100%);
    border: 0;textAlignVertical: 'center';
    border-radius: 0; font-size: 2rem;
    background: #3e50b4; color: white;
  }

あなたは私の問題を理解することができます私の添付画像を見て

問題

私はこれが好きです

回答 1 件
  • 最後に私はそれを行う、私は私のCSS padding: 100px 10px 100px 10px; のhsomeパディングを入れます  今私のためにその仕事

    #myInput {
        width: calc(100%);
        border: 0;textAlignVertical: 'center';
        border-radius: 0; font-size: 2rem;
        background: #3e50b4; color: white;
      }
    
    

    それから

    #myInput {
        width: calc(100%);
        border: 0;textAlignVertical: 'center';
        border-radius: 0; font-size: 2rem;
        background: #3e50b4; color: white;
       padding: 100px 10px 100px 10px;
      }
    
    

あなたの答え