angular - 如何清除焦点 Angular 占位符

标签 angular angular-material2

如何在选择 Angular 2 和 Angular Material 中的输入框时清除变量的值。

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

export class App { } }

最佳答案

您可以使用以下 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 .

关于angular - 如何清除焦点 Angular 占位符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46939383/

相关文章:

angular - 如何插入数组?

html - 如何在父 [Angular] 中两次调用的子组件上动态应用 CSS

Angular 4 + Material 2 SASS 编译错误 "File to import not found or unreadable"

angular - 动态渲染的垫扩展面板未按预期工作

Angular 7、Ngrx、Rxjs 6 - 在延迟加载的模块之间访问状态

angular - 如何将 Bootstrap 添加到 angular-cli 项目

javascript - 在 JavaScript 中单击类名称后更改类名称

输入未显示验证错误的 Angular Material 垫芯片列表

Angular 6 Material 表示意图: howto load data from remote?