Cascading style sheet pada chexbox
Checkbox merupakan bagian dari elemen
input form. Saat ingin memberikan style pada Checkbox dapat menggunakan
selector input.selector. Contoh berikut adalah style CSS pada input yang
bertipe pilihan Checkbox.
<html>
<head>
<title>pengaturan pada form
checkbox</title>
<style ="text/css">
input.checkbox1{ background: blue ;border-color:
green;
border-style
: outset double; }
input.checkbox2{ background: yellow ;border-color:
red;
border-style
:double; }
input.checkbox3{ background: green ;border-color:black;
border-style
:dotted; }
</style>
</head>
<body>
<form name="form1"
method="post" action="">
<table
bordercolor="1">
<tr>
<td width="58"
>hoby</td>
<td width="230"
><input type="checkbox" name="badminton"
class="checkbox1">
badminton</td>
</tr>
<tr>
<td
width="58"> </td>
<td width="230"
><input type="checkbox" name="tenismeja"
class="checkbox2">
tenis meja</td>
</tr>
<tr>
<td> </td>
<td ><input
type="checkbox" name="sepakbola"
class="checkbox3">
sepakbola </td>
</tr>
<tr>
<td> </td>
<td ><input
type="checkbox" name="golf"
class="checkbox3">
golf
</td>
</tr>
</table>
</form>
</body>
</html>
