मैं कुछ आयनिक 3 छोटा एप्लीकेशन बना रहा हूं। मैंने व्हाट्स ऐप स्टेटस पेज जैसा बनाने की कोशिश की। मैंने उसके लिए आयनिक पाठ क्षेत्र जोड़ा। लेकिन टेक्स्ट इनपुट कर्सर बीच में टाइप करना शुरू नहीं कर रहा है। क्या कोई जानता है कि इसे सही तरीके से कैसे करें?

एचटीएमएल

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

सीएसएस.

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

आप मेरी समस्या को समझ सकते हैं मेरी संलग्न छवि को देखें

समस्या

enter image description here

मैं इसे पसंद करना चाहता हूं

enter image description here

1
core114 25 मई 2018, 07:55

1 उत्तर

सबसे बढ़िया उत्तर

अंत में मैं ऐसा करता हूं, मैं अपने सीएसएस 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;
  }
0
core114 25 मई 2018, 09:12