Question

why can’t one set a style like the font size in an input tag, e.g.

<input style="font-size:20px" type="radio" name="a" value="a">some text</input> 

Shouldn’t the font attributes apply?

Secondly, what is the best way to do this then?

Thanks

Answer 1

I think that it’s because the CSS you’re setting applies to the ‘inner’ tag of that input.

The thing you want styled is its Value, so you need to wrap your input inside a placeholder and style that.

For example:

<span style="font-size:40px">
    <input  type="radio" name="a" value="a">some text
    <input  type="radio" name="a" value="b">some text
</span>

Works as expected.