[SOLVED] CSS-trick: Auto-magically add colon to your labels

[jtroutman]

I’m using this css to append a colon after all my labels on forms (this prevents them from being forgotten, and allows us to generate forms from classes with MVC easily)

form label[for]:after { content: ":"; }

but now I have colons after my radio and check boxes using bootstrap from Twitter as the label now includes the checkbox.

 Remember me

Any thoughts on overriding this?

[alexh58]

Well if I understand the question correctly, you could do this…

label:not(.checkbox):after { content: ":"; }​

Does that help?

[jtroutman]

I’ve never used the NOT operator that’s sweet!

label:not(.checkbox, .radio):after { content: “:”; }​

[Author]

Posts