Html 专注于chrome而非firefox

我有一个小的焦点选择器，用于表单上的单选按钮，每个页面都有不同的颜色，这取决于页面，它在chrome中运行良好，但在firefox中不起作用

#wedo-contact .frm_radio:focus-within{
    background-color:#D81B2D!important;
}


#wedo-contact .frm_radio:-moz-focus-inner{
    background-color:#D81B2D!important;
    outline:none!important;
}

我想和你谈谈
网页设计及；发展
应用程序设计与开发；发展
社会化媒体
数字化战略
360º运动战略
包装
印刷媒体
激活
文案
谷歌广告词
摄影
录像
搜索引擎优化
动画
肖像学
插图
内容创建

我缺少firefox所需的任何东西？关于这件事我找不到太多的信息

我的Firefox版本：

---

这似乎与Firefox Mac（Safari）上的行为和无线电输入焦点有关：

Roman Komarov发现的解决方案是使用tabindex：

网页设计及；发展

您的firefox是否太旧了？显然，Firefox51及更老版本不支持它。我也这么想，所以我更新了，让我的经理为他检查一下，显然是同一件事。你使用的是什么版本的FF？77.0b3添加了一个屏幕截图，如果你不想相信我的话，我想是Chrome出了问题。我想要Firefox和Safari的行为，其中focus In只能使用键盘，而不能使用鼠标。我还没有找到一种方法让Chrome在这方面表现得像Firefox和Safari。非常感谢！这是为我做的

<div id="frm_field_18_container" class="frm_form_field form-field  frm_top_container horizontal_radio">
    <div id="field_yhi3q_label" class="frm_primary_label">I would like to talk to you about
        <span class="frm_required"></span>
    </div>
    <div class="frm_opt_container" aria-labelledby="field_yhi3q_label" role="group">        <div class="frm_radio" id="frm_radio_18-0"><label for="field_yhi3q-0">      <input type="radio" name="item_meta[18]" id="field_yhi3q-0" value="WEB DESIGN &amp; DEVELOPMENT" data-invmsg="I would like to talk to you about is invalid"> WEB DESIGN &amp; DEVELOPMENT</label></div>
        <div class="frm_radio" id="frm_radio_18-1"><label for="field_yhi3q-1">      <input type="radio" name="item_meta[18]" id="field_yhi3q-1" value="APP DESIGN &amp; DEVELOPMENT" data-invmsg="I would like to talk to you about is invalid"> APP DESIGN &amp; DEVELOPMENT</label></div>
        <div class="frm_radio" id="frm_radio_18-2"><label for="field_yhi3q-2">      <input type="radio" name="item_meta[18]" id="field_yhi3q-2" value="SOCIAL MEDIA" data-invmsg="I would like to talk to you about is invalid"> SOCIAL MEDIA</label></div>
        <div class="frm_radio" id="frm_radio_18-3"><label for="field_yhi3q-3">      <input type="radio" name="item_meta[18]" id="field_yhi3q-3" value="DIGITAL STRATEGY" data-invmsg="I would like to talk to you about is invalid"> DIGITAL STRATEGY</label></div>
        <div class="frm_radio" id="frm_radio_18-4"><label for="field_yhi3q-4">      <input type="radio" name="item_meta[18]" id="field_yhi3q-4" value="360º CAMPAIGN STRATEGY" data-invmsg="I would like to talk to you about is invalid"> 360º CAMPAIGN STRATEGY</label></div>
        <div class="frm_radio" id="frm_radio_18-5"><label for="field_yhi3q-5">      <input type="radio" name="item_meta[18]" id="field_yhi3q-5" value="PACKAGING" data-invmsg="I would like to talk to you about is invalid"> PACKAGING</label></div>
        <div class="frm_radio" id="frm_radio_18-6"><label for="field_yhi3q-6">      <input type="radio" name="item_meta[18]" id="field_yhi3q-6" value="PRINT MEDIA" data-invmsg="I would like to talk to you about is invalid"> PRINT MEDIA</label></div>
        <div class="frm_radio" id="frm_radio_18-7"><label for="field_yhi3q-7">      <input type="radio" name="item_meta[18]" id="field_yhi3q-7" value="ACTIVATIONS" data-invmsg="I would like to talk to you about is invalid"> ACTIVATIONS</label></div>
        <div class="frm_radio" id="frm_radio_18-8"><label for="field_yhi3q-8">      <input type="radio" name="item_meta[18]" id="field_yhi3q-8" value="COPYWRITING" data-invmsg="I would like to talk to you about is invalid"> COPYWRITING</label></div>
        <div class="frm_radio" id="frm_radio_18-9"><label for="field_yhi3q-9">      <input type="radio" name="item_meta[18]" id="field_yhi3q-9" value="GOOGLE ADWORDS" data-invmsg="I would like to talk to you about is invalid"> GOOGLE ADWORDS</label></div>
        <div class="frm_radio" id="frm_radio_18-10"><label for="field_yhi3q-10">        <input type="radio" name="item_meta[18]" id="field_yhi3q-10" value="PHOTOGRAPHY" data-invmsg="I would like to talk to you about is invalid"> PHOTOGRAPHY</label></div>
        <div class="frm_radio" id="frm_radio_18-11"><label for="field_yhi3q-11">        <input type="radio" name="item_meta[18]" id="field_yhi3q-11" value="VIDEOGRAPHY" data-invmsg="I would like to talk to you about is invalid"> VIDEOGRAPHY</label></div>
        <div class="frm_radio" id="frm_radio_18-12"><label for="field_yhi3q-12">        <input type="radio" name="item_meta[18]" id="field_yhi3q-12" value="SEO" data-invmsg="I would like to talk to you about is invalid"> SEO</label></div>
        <div class="frm_radio" id="frm_radio_18-13"><label for="field_yhi3q-13">        <input type="radio" name="item_meta[18]" id="field_yhi3q-13" value="ANIMATION" data-invmsg="I would like to talk to you about is invalid"> ANIMATION</label></div>
        <div class="frm_radio" id="frm_radio_18-14"><label for="field_yhi3q-14">        <input type="radio" name="item_meta[18]" id="field_yhi3q-14" value="ICONOGRAPHY" data-invmsg="I would like to talk to you about is invalid"> ICONOGRAPHY</label></div>
        <div class="frm_radio" id="frm_radio_18-15"><label for="field_yhi3q-15">        <input type="radio" name="item_meta[18]" id="field_yhi3q-15" value="ILLUSTRATION" data-invmsg="I would like to talk to you about is invalid"> ILLUSTRATION</label></div>
        <div class="frm_radio" id="frm_radio_18-16"><label for="field_yhi3q-16">        <input type="radio" name="item_meta[18]" id="field_yhi3q-16" value="CONTENT CREATION" data-invmsg="I would like to talk to you about is invalid"> CONTENT CREATION</label></div>
</div>


</div>

<div class="frm_radio" id="frm_radio_18-0" tabindex="0">
  <label for="field_yhi3q-0" tabindex="-1">
    <input type="radio" name="item_meta[18]" id="field_yhi3q-0" value="WEB DESIGN &amp; DEVELOPMENT" data-invmsg="I would like to talk to you about is invalid" />
    WEB DESIGN &amp; DEVELOPMENT
  </label>
</div>