Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Hudson_mod

Circle Member
  • Content Count

    9
  • Joined

  • Last visited

Posts posted by Hudson_mod

  1. @jaeveedee, @tuanphan - I've managed to alter the check box & radio box elements (see below) - it's a little more work to change the drop down selection menus and I haven't had any success with those yet. Any input would be great…

    /* Radio Buttons */
    input[type="radio"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }

    .option input[type="radio"]:active {
      cursor:pointer;
      width:30px;
      height:30px;
      background-color:#0e1021;
      border-radius:50%;
    }
    /* Selected */
    .option input[type="radio"]:checked {
      cursor:pointer;
      width:30px;
      height:30px;
      background-color:#e9530d;
      border-radius:50%;
    }

    .option input[type="radio"] {
    /* un-selected */
      background-clip: content-box;
      border: 4px solid #e9530d;
      border-radius: 50%;
      content: " ";
      cursor:pointer;
      width:30px;
      height:30px;
    }

    /* check boxes */
    input[type="checkbox"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }

    .option input[type="checkbox"]:active {
      cursor:pointer;
      width:30px;
      height:30px;
      background-color:#0e1021;
      border-radius:50%;
    }
    /* Selected */
    .option input[type="checkbox"]:checked {
      cursor:pointer;
      width:30px;
      height:30px;
      background-color:#e9530d;
      border-radius:50%;
    }

    .option input[type="checkbox"] {
    /* un-selected */
      background-clip: content-box;
      border: 4px solid #e9530d;
      border-radius: 50%;
      content: " ";
      cursor:pointer;

×
×
  • Create New...