CSS Need some help in CSS

[Diallo]

Hello everyone!

I'm a new guy in CSS and currently working on a project and would appreciate if someone could help me solve a little issue i'm facing. I can only use CSS to do the task. Basically there’s a wording on top of the content box that says " Write a reply " (See image below) on a website. I would like to add the text " No spam please " next to that wording using CSS. So i tried the code below but it’s not working. If i remove the [write a reply:] it will work and add the text but accross the entire website where there's labels. I need the text to be added just next to the label containing “Write a reply”. Can anyone help in correcting the code below, i’m not an expert just trying to get this fixed. Thank you!

.label[Write a reply:]::after {
  content: ‘No spam please’;
  font-weight: bold;
  color: red;
}

 

[Deleted member 2829]

I think that .label[Write a reply:] is invalid CSS syntax. So the entire property simply gets ignored, whereas it works when you remove that.
Now if you want this particular label to work differently from all other labels you need to give it a specific id or class. Personally I'd not do this in the label, but use a placeholder in the input element itself, like this

<input  placeholder="No spam please">

which not only looks more professional, but forces the user to see it before typing (whereas they might not really be looking at the label).

 

[Diallo]

Hey thanks for the reply, if i use the placeholder as suggested, what would i modify on the previous code that i wrote? I'm not really familiar with placeholders, i'm really kind of new to this. Can you please show me the easiest/simplest way of making it work?

 

[Deleted member 2829]

For this, you need to modify the HTML, not the CSS (although you can use CSS to style the placeholder).
See for example https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_placeholder

 

[Diallo]

Thank you!

 

[Deleted member 2829]

Have you got it working now ?