<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <title>Change placeholder color</title>
  <link rel="self" href="https://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&amp;threadId=119605023" />
  <subtitle>Change placeholder color</subtitle>
  <id>https://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&amp;threadId=119605023</id>
  <updated>2026-04-04T20:47:04Z</updated>
  <dc:date>2026-04-04T20:47:04Z</dc:date>
  <entry>
    <title>RE: Change placeholder color</title>
    <link rel="alternate" href="https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=119608725" />
    <author>
      <name>Reiner Zufall</name>
    </author>
    <id>https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=119608725</id>
    <updated>2020-07-20T07:21:32Z</updated>
    <published>2020-07-20T07:21:32Z</published>
    <summary type="html">Thank you so much, this works for me &lt;br /&gt;I tried something similar, but without these .formal-control</summary>
    <dc:creator>Reiner Zufall</dc:creator>
    <dc:date>2020-07-20T07:21:32Z</dc:date>
  </entry>
  <entry>
    <title>RE: Change placeholder color</title>
    <link rel="alternate" href="https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=119607893" />
    <author>
      <name>Fredi B</name>
    </author>
    <id>https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=119607893</id>
    <updated>2020-07-17T12:57:44Z</updated>
    <published>2020-07-17T12:57:44Z</published>
    <summary type="html">Your problem seems to me to be not AUI specific.&lt;br /&gt;Just use:&lt;br /&gt;&lt;br /&gt;    .form-control::placeholder { color: red;    }&lt;br /&gt;    .form-control:-ms-input-placeholder {  color: red;    }&lt;br /&gt;    .form-control::-ms-input-placeholder {  color: red;    }&lt;br /&gt;(Chrome/FF/Safari, IE, Edge)&lt;br /&gt;&lt;br /&gt;Cheers,&lt;br /&gt;Fredi</summary>
    <dc:creator>Fredi B</dc:creator>
    <dc:date>2020-07-17T12:57:44Z</dc:date>
  </entry>
  <entry>
    <title>RE: Change placeholder color</title>
    <link rel="alternate" href="https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=119609599" />
    <author>
      <name>Olaf Kock</name>
    </author>
    <id>https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=119609599</id>
    <updated>2020-07-17T11:10:03Z</updated>
    <published>2020-07-17T11:10:03Z</published>
    <summary type="html">I&amp;#39;d start with your browser&amp;#39;s developer tools, to see where the color comes from and for interactive tries to override it</summary>
    <dc:creator>Olaf Kock</dc:creator>
    <dc:date>2020-07-17T11:10:03Z</dc:date>
  </entry>
  <entry>
    <title>Change placeholder color</title>
    <link rel="alternate" href="https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=119605022" />
    <author>
      <name>Reiner Zufall</name>
    </author>
    <id>https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=119605022</id>
    <updated>2020-07-17T07:31:18Z</updated>
    <published>2020-07-17T07:31:18Z</published>
    <summary type="html">Hello&lt;br /&gt;i have a requirement to change the placeholder color inside a aui:input field.&lt;br /&gt;i tried by using the cssClass attribute, global setting in look and feel configuration and changed the color for the whole website. &lt;br /&gt;Still the changes will not be adopt by the placeholder attribute i make in scss or with style-tag&lt;br /&gt;i there a way to change the color of the placeholder font?&lt;br /&gt;Best regards Reiner</summary>
    <dc:creator>Reiner Zufall</dc:creator>
    <dc:date>2020-07-17T07:31:18Z</dc:date>
  </entry>
</feed>
