Input with checkbox and display none not showing required

following code hide the checkbox

.input_contact_touch[type=“checkbox”]
{
display: none;
}

But this way the required="" option is not showed to need to check.

What can do to stay the message in browser?

Thanks

Can you show how you’re using the class in the HTML? Or how the HTML part in question looks in general?

http://jsfiddle.net/taqL0x7s/

First is radio buttons on that also got required for that display. The second section is apply display:none; for checkbox and not display to require to fill in browser with message?

How can fix that?

I see your problem. You set display:none;. That way, the inputs with this attribute <input type="checkbox"> will not show. If you want them to show, remove this rule.

Is that because i do not want to show default checkbox.

You want the appearance to change?

Yes but i got it. Thanks