Adding+style+and+color+to+Checkboxes+and+Radiobuttons

Checkboxes can be styled using Run BASIC SETID method and CSS.
code format="html4strict" [start] cls cssid #chkboxes, "{       Width: 100px;        Height: 50px;        border-width:6px;        border-style:outset;        background-color:lightgreen;        margin:10px;    }" checkbox #ch1, "Option 1", 0 print checkbox #ch2, "Option 2", 0 print checkbox #ch3, "Option 3", 0 print:print link #get, "Get Checkbox Value", [getCheck] print wait [getCheck] for n=1 to 3 'note handle variable! ch$="#ch";n isSet = #ch$ value print "Checkbox ";n; if isSet then print " is checked." else print " is clear." end if next n print link #nxt, "Again?", [again] wait [again] goto [start] code
 * 1) ch1 setid("chkboxes")
 * 1) ch2 setid("chkboxes")
 * 1) ch3 setid("chkboxes")

Radiobuttons:
Add a raised appearance with border-style:outset and a background color with background-color:yourchoice Try also border-style:inset and vary the border-width. code format="html4strict" cls cssid #radbuttons, "{       Width: 100px;        Height: 62px;        border-width:6px;        border-style:outset;        background-color:lightgreen;        margin:10px;        }"

div radbuttons radiogroup #rg1, "Button 1,Button 2,Button 3", "Button 1" end div print link #go, " [Submit]", [go] wait

[go] sel$ = #rg1 selection$ print:print print sel$;" is selected" wait code