Css 单选按钮设置不更改

我有一个2个单选按钮的问题，在Chrome中，无论使用鼠标还是键盘，都不会改变状态

这是HTML：

这是它的一个图像：

现在，突出显示的单选按钮将不会使用鼠标或键盘更改为“空条目”，我不明白为什么，因为代码是有效的，应该可以工作（除非我在这里遗漏了什么）

---

解决了的

---

似乎我在使用的JS文件中留下了一些旧的javascript，这会弄乱选择，但在删除了有问题的JS块后，它恢复了正常。

我只是在一个快速的jsFiddle.net中托管了您的HTML和CSS，它工作得很好-我可以单击并选择任意一个单选按钮，没有任何问题。也许您可以在JSFIDLE中托管一个更完整、失败的示例，让我们看看我在使用的JS文件中似乎留下了一些旧的javascript，这会弄乱选择，但在删除了有问题的JS块后，它自己纠正了问题。干杯。

<!-- Dialog Boxes -->
    <section class="add-movie-dialog">
        <section class="dialog-box">
            <form class="dialog-container" name="add-movie-dialog-form" action="">
                <header class="dialog-title">
                    New movie.
                </header>
                <section class="dialog-content">
                    <p>
                        Add a new movie to the library:
                    </p>
                    <input type="radio" name="add_option" value="file" checked="checked" />by selecting a file...
                    <br />
                    <input type="radio" name="add_option" value="empty" /> empty entry...
                </section>
            </form>
        </section>
    </section>

    .add-movie-dialog {
    #mixin.flex-container( column, center, stretch, nowrap );
    background: fadeout( @black, 50% );
    height: 100%;
    left: 0px;
    line-height: 1.5em;
    position: fixed;
    top: 0px;
    width: 100%;
    .dialog-box {
        #mixin.flex-container( column, flex-start, center, nowrap );
        background: @darkgrey;
        padding: 2em;
        .dialog-container {
            width: 66%;
            .dialog-title{
                #mixin.font( x-large );
                padding-bottom: 1em;
            }
            .dialog-content{
                letter-spacing: 0.1em;
                padding-bottom: 1em;
                & > p {
                    padding-bottom: 10px;
                }
            }
        }
    }
}