Checkboxes can be styled using Run BASIC SETID() method and CSS.



[start]
cls
cssid #chkboxes, "{
        Width: 100px;
        Height: 50px;
        border-width:6px;
        border-style:outset;
        background-color:lightgreen;
        margin:10px;
    }"
 
checkbox #ch1, "Option 1", 0
#ch1 setid("chkboxes")
print
checkbox #ch2, "Option 2", 0
#ch2 setid("chkboxes")
print
checkbox #ch3, "Option 3", 0
#ch3 setid("chkboxes")
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]

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.
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