mercredi 14 avril 2021

How to access type checkbox in css

In general what is the quality of your health?Outstanding
            <label for="q1">Good</label>
            <input type="checkbox" id="q1" name="Question 1" value="...">

         
            <label for="q1">Bad</label>
            <input type="checkbox" id="q1" name="Question 1" value="...">

         
            <label for="q1">Worse</label>
            <input type="checkbox" id="q1" name="Question 1" value="...">
     

            <p class="q">How would you rate our concern for your privacy?</p>

            <label for="q2">Outstanding</label>
            <input type="checkbox" id="q2" name="Question 2" value="...">

            <label for="q2">Good</label>
            <input type="checkbox" id="q2" name="Question 2" value="...">
         
            <label for="q2">Adequate</label>
            <input type="checkbox" id="q2" name="Question 2" value="...">
         
            <label for="q2">Need improvement</label>
            <input type="checkbox" id="q2" name="Question 2" value="...">
         
            <label for="q2">Poor</label>
            <input type="checkbox" id="q2" name="Question 2" value="...">
         
            <label for="q2">N/A</label>
            <input type="checkbox" id="q2" name="Question 2" value="...">

           <p class="q">How often have you visited Medical center in past year?</p>

            <label for="q3">First Visit</label>
            <input type="checkbox" id="q1" name ="Question 3" value="...">

            <label for="q3">2-5 Visits</label>
            <input type="checkbox" id="q1" name ="Question 3" value="...">

            <label for="q3">More then 5 Visit</label>
            <input type="checkbox" id="q1" name ="Question 3" value="...">

    </div>          

I have read few posts regarding this topic here, but none worked for me. I want to access the checkbox type for each question(q class) to style them in css to space out the options(checkboxes) across the width of the fieldset evenly, atm they are floating to the left.

TIA




Aucun commentaire:

Enregistrer un commentaire