:after for input[type=button]

[onebitrocket]

Can you add either a before or after pseudo class to form input buttons/submits /resets?

[Paulie_D]

There are some cases, such as image tags, where they can’t but in general, if you can target them with CSS then yes, I think so.

Not sure what you mean by a reset class/element though…

[onebitrocket]

I mean these

 <input type="button" class="red" value="Input button" />
    <input type="submit" class="red" value="Input submit" />
    <input type="reset" class="red" value="Input reset" />

I’ve set up a webfont icon kit using icomoon and I want to apply icons such as a arrow right for submit or a cross for reset

[Paulie_D]

Hmmm…it would appear not.

[Paulie_D]

Couldn’t you use the icon letter-value as the “value” and apply the icon font as a property?

http://codepen.io/Paulie-D/pen/zlAps

[David_Leitch]

My understanding is that you can’t use pseudo elements with empty elements, such as img or input.

You can, however, use them with elements such as button (rather than input[type=”button”]), like I’ve done here. Hope that helps

[Paulie_D]

My understanding is that you can’t use pseudo elements with empty elements, such as img or input.

Mine too…I just wasn’t sure if inputs counted…I always get ‘submit’ and <button> confused. :)

http://codepen.io/Paulie-D/pen/gJDhf

[onebitrocket]

Thanks

I’ll look in to using buttons instead

[Author]

Posts