フォーカスのある角度でプレースホルダーをクリアする方法

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を参照してください。