工作在谷歌铬的单选按钮，但不在Firefox中

Question

在我看来，单选按钮正在使用谷歌浏览器但不在firefox中。请告诉我会出现什么问题？

视图：

<div class="btn-group btn-group" role="group" aria-label="...">
    <button type="button" class="btn btn-default"    >
       <input type='radio' name="property" value="1" id="home" >          
       Home
    </button>

   <!--style="background-color: #0eaaa6"-->

   <button type="button" class="btn btn-default" >
      <input type='radio' name="property" value="2" id="plot" > 
      Plot
   </button>

   <button type="button" class="btn btn-default" >
      <input type='radio' name="property" value="3" id="commercial" >       
      Commercial
   </button>

Answer 1

这不起作用的原因是您已将input个元素嵌套在button个元素中。严格来说，这不允许作为button元素（https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content）中的内容。

Firefox比Chrome更符合标准，但并不允许这样做。有很多方法可以解决这个问题，但强烈建议您不要使用button标记。如果您需要这些元素看起来像按钮，请使用CSS。