Fill in The Field Topic is solved

[etpourquelque27]

How do I change the color of the "Fill in the field" that pops up?

Fill-in-popup.jpg

Thank you in advance for helping

[Pavel-ww]

Hi.

Do you ask how to do this in Photoshop? ...


If not, provide the URL of your site and indicate where it is

Or

Find the element through Dev Tools of your browser. In the Dev Tools CSS window, change its background property as you like, copy the result code and insert into your CSS file

[etpourquelque27]

Sorry if I did not specify changing the color in Joomla. Based on my understanding, this is a Joomla Forum, not a Photoshop. Regarding your suggestion to use Dev Tool, the "Please fill in this field" pop-up does not show up at all in the inspector panel. The alert displays after the Submit button is selected or clicked on if and only if the email address is not declared or entered.

Thank you for taking the time to assist.

fill-in-field.png

[Webdongle]

What is your url?

[etpourquelque27]

Give me a few days to put the site online. At this time time, it is on localhost. Sorry.

[Pavel-ww]

Regarding your suggestion to use Dev Tool, the "Please fill in this field" pop-up does not show up at all in the inspector panel.

Hi.

Now it has become more clear.

This is a standard browser validation message. Such a message cannot be stylized using CSS since its appearance depends on the system, browser and color scheme (light/dark mode).

An alternative way is to disable browser validation messages and replace them with your own. In this case, you will need not only CSS, but also JavaScript. Google subject or search on stackoverflow.com to find examples

For example

Code: Select all

https://stackoverflow.com/questions/67161694/html-default-validation-messages-styling

[etpourquelque27]

Regarding your suggestion to use Dev Tool, the "Please fill in this field" pop-up does not show up at all in the inspector panel.

Hi.

Now it has become more clear.

This is a standard browser validation message. Such a message cannot be stylized using CSS since its appearance depends on the system, browser and color scheme (light/dark mode).

An alternative way is to disable browser validation messages and replace them with your own. In this case, you will need not only CSS, but also JavaScript. Google subject or search on stackoverflow.com to find examples

For example

Code: Select all

https://stackoverflow.com/questions/67161694/html-default-validation-messages-styling

Please accept my apology for taking so long to offer my gratitude to you. Your suggestion is invaluable. Thank you so much for redirecting me in the right direction.

[Pavel-ww]

Hi. You are welcome