在我的<textarea>中为my ionic 2应用程序更改占位符文本的颜色

时间:2017-03-30 08:12:02

标签: html5 css3 ionic-framework ionic2

&LT; BLOCKQUOTE&GT;   &lt; p&gt;占位符在我输入文本之前是红色的,我希望我的占位符保持默认颜色&lt; / p&gt; &LT; / BLOCKQUOTE&GT; &lt; p&gt;&lt; a href =“https://forum.ionicframework.com/t/solved-ion-textarea-resize-height-dynamically/80885/3"rel =”nofollow noreferrer“&gt;参考此答案&lt; ; / A&GT;&LT; / p为H. &LT; BLOCKQUOTE&GT;   &LT; p为H. HTML&LT; / p为H. &LT; / BLOCKQUOTE&GT; &lt; pre&gt;&lt; code&gt;&lt; textarea #myInput id =“myInput”rows =“1”placeholder =“在这里输入问题”maxLength =“100”(keyup)=“resize()”[(ngModel)] = “addQuestion” &GT;     &LT; / textarea的&GT; &LT; /代码&GT;&LT; /预&GT; &LT; BLOCKQUOTE&GT;   &lt; p&gt; SCSS文件&lt; / p&gt; &LT; / BLOCKQUOTE&GT; &lt; pre&gt;&lt; code&gt; #myInput { 宽度:计算(100% - 10px); 边界:0; border-radius:0; 背景:透明; } &LT; /代码&GT;&LT; /预&GT; &LT; BLOCKQUOTE&GT;   &lt; p&gt; ts文件&lt; / p&gt; &LT; / BLOCKQUOTE&GT; &LT;预&GT;&LT;代码&GT; @ViewChild('myInput')myInput:ElementRef;    resize(){     this.myInput.nativeElement.style.height = this.myInput.nativeElement.scrollHeight +'px'; } &LT; /代码&GT;&LT; /预&GT;

1 个答案:

答案 0 :(得分:3)

Ionic在其构建过程中使用autoprefixer

你可以使用伪元素::placeholder。尝试

 #myInput::placeholder{
    color:red
 }