Вот соответствующий код (не работает):
<html>
<head>
<title>testing td checkboxes</title>
<style type="text/css">
td { border: 1px solid #000; }
label { border: 1px solid #f00; width: 100%; height: 100% }
</style>
</head>
<body>
<table>
<tr>
<td>Some column title</td>
<td>Another column title</td>
</tr>
<tr>
<td>Value 1<br>(a bit more info)</td>
<td><label><input type="checkbox" /> </label></td>
</tr>
<tr>
<td>Value 2</td>
<td><input type="checkbox" /></td>
</tr>
</table>
</body>
</html>
Причина в том, что я хочу, чтобы щелчок в любом месте ячейки таблицы устанавливал / снимал флажок
редактирование:
Кстати, никаких javascript-решений, пожалуйста, из соображений доступности.
Я попытался с помощью display: block; но это работает только для ширины, а не для высоты