如何仅在网站的一个地方自定义占位符[重复]答案

【问题标题】：how to customize placeholder in only one place of the site [duplicate]如何仅在网站的一个地方自定义占位符[重复]
【发布时间】：2020-02-03 17:16:29
【问题描述】：

如何在不更改网站上其他占位符的情况下更改占位符颜色？

我的代码

&lt;input type="text" ng-model="form.username" id="Login" placeholder="LOGIN"&gt;

【问题讨论】：

标签： html css

【解决方案1】：

仅针对您的问题：我认为您必须引用一些“围绕”相关占位符的内容（标签或 css 类）。占位符所在的网站部分有什么独特之处？把这个独特的点作为选择器，根据这个点引用你的css样式。

但根据您的代码：只需将 class="classname" 添加到您的标签中，并使用您选择的类名。然后在您的 css 文件中为类名指定属性。

希望这有帮助吗？

【讨论】：

您好，感谢您对主题的回答 //css ::placeholder color:red;这个 css 更改占位符文本颜色，好的，但是在所有使用“占位符”的站点中更改，我只想更改我在主题中发布的代码

【解决方案2】：

您可以使用 css 来设置输入字段的样式。也许尝试将输入字段包装在父 div 中以使其唯一。

HTML：

<div id="Login">
  <input type="text" ng-model="form.username"  placeholder="LOGIN">
</div>

CSS：

#Login input[type=text]  {
  background-color: yellow;
  width: 100%;
  boder-color: yellow;
  color: green;
}

【讨论】：