How to make checkboxes normal / default css when checked

  • Resolved Florian

    (@haubnerimmo)


    5 years, 4 months ago

    Hello,

    the checkboxes under the form are green-ish when checked. I would like to have them simply without any fancyness.

    Can you please give me a css that removes any custom styles for checked checkboxes under form?

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Florian

    (@haubnerimmo)

    5 years, 4 months ago

    Can you please help me here? How to remove the green checkbox and make it look like a normal checkbox without styling? Thank you

    Plugin Author mkscripts

    (@mkscripts)

    5 years, 4 months ago

    Hi,

    Several sources of CSS can apply to the checkboxes (our plugin, other plugins, your theme, browser). You can inspect the element in your browser and see which CSS is applied. Here are some examples to adjust the CSS of our plugin.

    Adjust only the color of the (checked) checkbox:

    .dae-shortcode-download-wrapper .dae-shortcode-register-form input[type="checkbox"]:checked::before {
    color: #000000 !important;
}

    Use the browser appearance (the appearance of the checkbox can differ per browser):

    .dae-shortcode-download-wrapper .dae-shortcode-register-form input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    appearance: checkbox !important;
}
.dae-shortcode-download-wrapper .dae-shortcode-register-form input[type="checkbox"]:checked::before {
    content: none !important;
}

    For other CSS on the two mentioned selectors you can apply the same method (use values ​​with !important added).

    If you have any more questions, feel free to ask.

    Kind regards,
    Team Download After Email

    Thread Starter Florian

    (@haubnerimmo)

    5 years, 4 months ago

    Thank you very much, worked perfect!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘How to make checkboxes normal / default css when checked’ is closed to new replies.