,可以通过以下步骤实现:
<table>
<tr>
<td><input type="radio" id="row1"></td>
<td>数据1</td>
</tr>
<tr>
<td><input type="radio" id="row2"></td>
<td>数据2</td>
</tr>
<tr>
<td><input type="radio" id="row3"></td>
<td>数据3</td>
</tr>
</table>
<table>
<tr>
<td><input type="radio" id="row1" class="radio-button"></td>
<td>数据1</td>
</tr>
<tr>
<td><input type="radio" id="row2" class="radio-button"></td>
<td>数据2</td>
</tr>
<tr>
<td><input type="radio" id="row3" class="radio-button"></td>
<td>数据3</td>
</tr>
</table>
.radio-button {
width: 20px;
height: 20px;
border: 2px solid #000;
border-radius: 50%;
background-color: #fff;
}
以上步骤完成后,选择按钮将会具有添加的CSS类的样式。可以根据实际需求自定义样式,并根据需要使用其他CSS属性和选择器来进一步调整样式。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云