0

我在使用一组 2 个单选按钮时遇到了一些问题，在 Chrome 中，无论使用鼠标还是使用键盘都不会改变状态。

这是 HTML： 

<!-- 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>

这是 CSS（实际上更少但足够接近）：

    .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;
                }
            }
        }
    }
}

这是它的图像：

示例图像

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

解决了

似乎我在我正在使用的 JS 文件中留下了一些旧的 javascript，这弄乱了选择，但是在删除了有问题的 JS 块之后，它自己纠正了。

4

0 回答 0