如何在焦点上清除占位符

Question

如何在角度2和角度材质中选择输入框时清除变量值。

<div> <input type="text" placeholder="Search..." [value]="searchValue" [(ngModel)]="variable" > </div>

export class App { } }

Answer 1

您可以使用以下CSS执行此操作：

input:focus::-webkit-input-placeholder {
   color:transparent;
}

input:focus:-moz-placeholder { /* Firefox 18- */
   color:transparent; 
}

input:focus::-moz-placeholder {  /* Firefox 19+ */
   color:transparent; 
}

input:focus:-ms-input-placeholder {  
   color:transparent;
}

请参阅plunk。