Supply an "id" attribute to the "label" tag on Forms

Supply an "id" attribute to the "label" tag on Forms

The following HTML View

htmlpage HTML_Test()
<%{%>
<div elName='zc-component' formLinkName='Test' params='zc_Header=false&zc_SuccMsg=Data Added Sucessfully!&zc_SubmitVal=Submit&zc_ResetVal=Reset'>Loading Form...</div>
<%}%>



embeds an existing form named "Test" which generates the following HTML for use by the web browser:
<input id="checkboxEl_Test_1" class="zc-checkbox" type="checkbox" onchangeexists="true" formcompid="159527000002624612" delugetype="BOOLEAN" style="" fieldtype="9" name="Test" value="Test" tagfor="formComp" title="" autocomplete="off"/> <label class="zc-checkboxlabel" for="checkboxEl_Test_1" style="">Test</label>


I can apply the following CSS style to the HTML View above
<style>
#checkboxEl_Test_1{visibility:hidden;display:none}
.checkboxEl_Test_1{visibility:hidden;display:none}
*.checkboxEl_Test_1{visibility:hidden;display:none}
checkboxEl_Test_1{visibility:hidden;display:none}
</style>







and cause the actual Checkbox to be hidden.  AFAIK, the only way I can make the "label" for that Checkbox also be hidden is to use CSS which -- AFAIK -- requires that the "label" tag be given an "id" attribute.

So... does anyone know how to apply CSS to the label of a form's input field?  Or, Team Zoho, can you please implement such an update which simply requires changing "label" tags to start having an "id" attribute?

Thanks!
Stefan