Apply CSS style on content of input element

Question

input[type="radio"][class="selectorPrev"]:hover+ label:before {
content:'Previous image';
z-index:999;
position:relative;
}

Is it possible to apply margin-left:10px only on the content propertie and leave all the res the same? How to do this?

why not use .selectorPrev for class?

s1lence
– s1lence

2013-01-16 15:36:19 +00:00
Commented Jan 16, 2013 at 15:36 — s1lence
– s1lence, Commented Jan 16, 2013 at 15:36

rgthree · Accepted Answer · 2013-01-16 15:33:25Z

1

Yes, but you need to specify the pseudo element to be a block or inline-block first, as it is generated as an inline element and, therefor, cannot have a margin.

input[type="radio"][class="selectorPrev"]:hover + label:before {
  content:'Previous image';
  display:inline-block;
  position:relative;
  z-index:999;
  margin-left:10px;
}

answered Jan 16, 2013 at 15:33

rgthree

7,28319 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jacob Over a year ago

This doesn't work. It moves the whole input element to the left. I only want to move the content sign.

rgthree Over a year ago

No it doesn't, at least not with what you've given us. Perhaps you have other styles that are conflicting? Here's a jsfiddle showing you the difference: jsfiddle.net/rgthree/97Q2W

Jacob Over a year ago

Thanks for the sollution. But as I was searching for more info, I found that the content propertie is not advised for displaying info content. I used a different soollution. Many thanks anyway.

Collectives™ on Stack Overflow

Apply CSS style on content of input element

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related