Un-bold form label

Suite and Optimus Suite 5
#1

Hi,

I noticed that when you do a code segment as such,

<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxform_dhx_skyblue.css">
...
{ type: "label", label: "Test Label" },
...

the label always appears in bold.

From the docs, it is mentioned that you can use className on the label to adjust the appearance via css.

I tried the following, but nothing worked.

<style type="text/css">
    .myLabel { text-decoration: none; }
    .myLabel2 label { text-decoration: none; }
<style>
...
{ type: "label", label: "Test Label", className: "myLabel" },
{ type: "label", label: "Test Label", className: "myLabel2" },
...

Short of modifying the original CSS, is there any other way to unbold the label?

#2

Ok. So, sort of answering this myself…
Messed around with the CSS and all and realised that you can do this to have better control over your label.

Code segment below changed the label to black and non-bold.
The magic is in the “div.dhxlist_txt_label2” part.
Hope this helps…

<style type="text/css">
    .myLabel div.dhxlist_txt_label2 { color: black; font-weight:100; }
<style>
...
{ type: "label", label: "Test Label", className: "myLabel" },
...