WordPress.org

Support

Support » Plugins and Hacks » Form checkbox and radio buttons not showing

Form checkbox and radio buttons not showing

  • I have the latest woo . Used a woo theme (mystile) and edited style.css to add radio and checkbox , played with changing the margin. Added it to the custom.css Nothing. There’s no woocmommerce.css.

    /* Webkit browsers add a 2px margin outside the chrome of form elements */
    button,
    input,
    select,
    checkbox,
    radio,
    textarea {
      margin: 0;
    
    voilet.css says /* Hides the default checkbox style */  , tried removing this. 
    
    The checkbox seems like it should show properly.
    }
    input[type="checkbox"]:checked:before {
      content: '.';
    }
    input[type="checkbox"]:hover:before {
      background: rgba(255, 255, 255, 0.3);

    Tried changing float right to float left here

    .ginput_container .gfield_checkbox input,
    .ginput_container .gfield_radio input {
      float right;

    Any pointers?
    thanks

    http://www.urlgone.com/8ebafa/

    http://wordpress.org/plugins/woocommerce/

Viewing 1 replies (of 1 total)
  • Hi Stacy!

    I ran into the same problem today and found a solution. Thought I’d would share it with you in case you’re still looking for a solution.

    In your custom.css paste the following code:

    input[type="checkbox"] {
    -webkit-appearance: checkbox;
    }

    In the default css this reads “none” instead of “checkbox”, hence nothing is displayed in webkit browsers 😉

    Hope this helps,

    Ruud Denis
    MitzuWorks

Viewing 1 replies (of 1 total)
  • The topic ‘Form checkbox and radio buttons not showing’ is closed to new replies.