Question

我有一个小提琴 here ...

在小提琴中，单选按钮正确显示。

<div class="element-radio" title="Do you want to float the text to the left, right, or not at all?"><h4 class="title" style="font-weight: bold;">Float (left, right or none)</h4>       
    <div class="column column3">
        <label>
            <input type="radio" name="radio" value="Left" />
                <span>Left</span>
        </label>
    </div>
    <span class="clearfix"></span>
    <div class="column column3">
        <label><input type="radio" name="radio" value="Right" />
            <span>Right</span>
        </label>
    </div>
    <span class="clearfix"></span>
    <div class="column column3">
        <label>
            <input type="radio" name="radio" value="None" />
                <span>None</span>
        </label>
    </div>
    <span class="clearfix"></span>
    </div>

然而，在我工作的网站here上，单选按钮显示为小盒子，不可点击。

这是我使用的Bootstrap CDN -

http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css

此外，这个网站在本地工作，但一旦我进入我的服务器就没有。

想法？

Answer 1

如果删除不透明度：0.01;在styles.css中设置以下类，单选按钮将由浏览器呈现：

.formoid-metro-cyan input[type="checkbox"], .formoid-metro-cyan input[type="radio"] {
    z-index: 1;
    position: absolute;
    float: left;
    width: 1em;
    height: 1em;
    font-size: 1em;
    opacity: 0.01; /*delete this*/
    margin: 0px;
    cursor: pointer;
}

Answer 2

在尝试加载此文件时，您的引用无效

file:///C:/Users/jnewnam/Documents/EDMC%20App%20Portal%20Redo/Formoid/html/logi‌n_files/formoid1/formoid.ttf`

Bootstrap - 显示为框的单选按钮

2 个答案: