无法单击 chrome 上的单选按钮

Question

Chrome 中的一些单选按钮有问题。它在其他浏览器上工作正常，但是当我想 select 中间按钮时，我必须单击上面的按钮。如果我想点击底部的，我必须 select 中间的。

你能帮帮我吗？

这是一个link的网页http://gia-online.com/banjac/vps_hosting.html

问题出在第一个价格table

Answer 1

所有单选按钮都具有相同的值 9.99

无法区分浏览器何时必须决定点亮哪一个。

它们必须各自具有唯一的值。

我禁用了javaScript，问题依然存在，所以不是jQuery。

我自己将表格复制到另一个页面，它在 Chrome.

中有效

我已将其缩小到样式表问题。

这是导致问题的样式表。

gia-online.com/banjac/css/style.css

如果您删除此样式表，问题将随您的大部分样式一起消失。

这是问题的原因：

<div class="section_holder2 two">

我改成了：

<div class="xsection_holder2 two">

然后问题就解决了。

这是导致问题的 CSS 行：

.ssection_holder2 .price_table .price { 
color: #161616; 
font-size: 45px; 
font-weight: bold; 
line-height: 5px; 
text-align: center; 
padding: 8px 0px 8px; 
border-bottom: 1px solid #e6e5e5; 
}

无法单击 chrome 上的单选按钮

Can not click radio button on chrome

css

radio-button