Text colour on placeholders - Post ID...

User 187934 Photo


Senior Advisor
19,684 posts

Paste this into the head of your page. Right above the </head> tag.
Alter to your need.
<style>
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: pink;
}
::-moz-placeholder { /* Firefox 19+ */
color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
color: pink;
}
:-moz-placeholder { /* Firefox 18- */
color: pink;
}
</style>

You may need to add !important to the attributes in order to override default styling built into the frame work.
color: pink!important;
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 3043016 Photo


Registered User
6 posts

tried every combination of diffrent colours and several with !important put in but still no luck i bet its something easy and i just cant see it lol got any other work arounds going :)
User 122279 Photo


Senior Advisor
13,771 posts

I think you need to have a space between 'pink' and '!important'.
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com


User 3043016 Photo


Registered User
6 posts

tried that as well (didn't work)
User 2699991 Photo


Registered User
3,750 posts
Online Now

robert graham wrote:
tried that as well (didn't work)


so show us the code as you have put it into the header

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 187934 Photo


Senior Advisor
19,684 posts

Share a link to the page so we can diagnose. Might need to use an ID in the targeting.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 3043016 Photo


Registered User
6 posts

that's the link to my form - https://www.bng59.com/Pick2Numbers.html
User 187934 Photo


Senior Advisor
19,684 posts

Perhaps
<style>
#docContainer ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: pink;
}
#docContainer ::-moz-placeholder { /* Firefox 19+ */
color: pink;
}
#docContainer :-ms-input-placeholder { /* IE 10+ */
color: pink;
}
#docContainer :-moz-placeholder { /* Firefox 18- */
color: pink;
}
</style>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 3043016 Photo


Registered User
6 posts

it didnt work but i will have another go tomorrow.....time for sleep.
enjoy your day :) (and thanks for the help)
User 2699991 Photo


Registered User
3,750 posts
Online Now

robert graham wrote:
it didnt work but i will have another go tomorrow.....time for sleep.
enjoy your day :) (and thanks for the help)


surely that code has to go in the header of the html-element for the form, not on the page header

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.