Text colour on placeholders - Page 2...

User 187934 Photo


Senior Advisor
19,789 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,878 posts
Online Now

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,905 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
DO IT FOR SOMEONE AND THEY NEVER LEARN

TEACH SOMEONE AND THEY MIGHT LEARN

SHOW SOMEONE AND THEY WILL LEARN

INVOLVE SOMEONE AND THEY WILL LEARN TO UNDERSTAND.

WELCOME TO WAYAN'S WORLD OF UNDERSTANDING
Watch Listen & Learn Video Tutorials
The Help You Need: When You Need It The Most
Website Design & Development
User 187934 Photo


Senior Advisor
19,789 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,789 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,905 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
DO IT FOR SOMEONE AND THEY NEVER LEARN

TEACH SOMEONE AND THEY MIGHT LEARN

SHOW SOMEONE AND THEY WILL LEARN

INVOLVE SOMEONE AND THEY WILL LEARN TO UNDERSTAND.

WELCOME TO WAYAN'S WORLD OF UNDERSTANDING
Watch Listen & Learn Video Tutorials
The Help You Need: When You Need It The Most
Website Design & Development

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.