0
    <li>
        <input type="radio" name="shipping_method[0]" data-index="0" id="shipping_method_0_local_pickup7" value="local_pickup:7" class="shipping_method" checked="checked">
        <label for="shipping_method_0_local_pickup7">Self pickup</label>
</li>

How can I target this label in CSS stylesheet? i want to edit this level value by css.

Ariful Mowla
  • 17
  • 4
  • `[for="shipping_method_0_local_pickup7"]` - Have you tried googling it? – Justinas Apr 14 '20 at 09:59
  • Yes! it's woocommarce plugin issue. I need to translate 'Self Pickup' text. By default, I can't do this by loco translator plugin. So, i decide to do this manually. But 'for' attribute is making a problem. I want to target this by CSS. – Ariful Mowla Apr 14 '20 at 10:07
  • Justinas has shown you exactly how to do that. The duplicate question also has lots of examples. What is the problem? – Turnip Apr 14 '20 at 10:12
  • _"i want to edit this [label] value by css"_ - You can not edit text with CSS. – Turnip Apr 14 '20 at 10:18
  • { content: 'edited new text'; } if i try this, I hope i can. – Ariful Mowla Apr 14 '20 at 10:22
  • @ArifulMowla `content:` works only for `:before` and `:after` – Justinas Apr 14 '20 at 10:45
  • 1
    `content` only works on pseudo elements. The only way you could do this would be similar to this: https://jsfiddle.net/w37L4q1b/2/ . I'm not sure why you would want to replace the text with CSS. This would usually be done using JavaScript. – Turnip Apr 14 '20 at 10:47
  • Thank you! I was desperately seeking this. :) – Ariful Mowla Apr 15 '20 at 12:30

1 Answers1

-3

for is nothing but name attribute. you just target the name attribute in css that's it.

Sujit Tamang
  • 43
  • 6