Css 引导Btn类在移动设备上不起作用

出于某种原因，我无法让mobile停止应用其默认样式并尊重引导css（v3.4.1）。以下是我的html：

 <div class="buttons col-xs-4">
        <div id="btnvote1" class="btn-wrap row-md-4 mtop10 mbottom10">
            <button class="btn-vote btn btn-secondary" onclick="vote(1)">Opt 1</button>
        </div>
        <div id="btnvote2" class="btn-wrap row-md-4 mbottom10">
            <button class="btn-vote btn btn-primary" onclick="vote(2)">Opt 2</button>
        </div>
        <div id="btnvote3" class="btn-wrap row-md-4 mbottom10">
            <button class="btn-vote btn btn-secondary" onclick="vote(3)">Opt 3</button>
        </div>
        <div id="btnvote4" class="btn-wrap row-md-4 mbottom10">
            <button class="btn-vote btn btn-secondary" onclick="vote(4)">Opt 4</button>
        </div>
    </div>

电脑上Chrome浏览器的外观：

它在两款不同代的Chrome iPhone（5s、6）上的外观：

互联网不断告诉我的应该有效，但我没有运气：

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

有什么建议吗

编辑：

Soltuion

问题似乎是假设btn secondary是bootstrap提供的类。我实际上看到的是按钮。较少提供一些样式（即灰色按钮背景）。Less还将webkit外观设置为button，我认为这会导致mobile覆盖到mobile默认设置，而不显示样式（如上所示，它忽略了灰色按钮背景）

如果我使用一个Bootstrap v3 btn类，它将在移动设备上产生所需的结果

.btn
.btn-default
.btn-primary
.btn-success
.btn-info
.btn-warning
.btn-danger
.btn-link

---

每个人的fiddle示例之所以有效，是因为他们使用的是bootstrap v4，其中包括一个

btn辅助类。
事实上，您的代码和期望中有几个错误

.btn次要类不在引导程序3中，您需要使用引导程序v4进行此操作
您提到的按钮样式是.btn主类而不是.btn次类
因此，将.btn次要类替换为.btn主要类，
那么这段代码就可以正常工作了

button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

使用Chrome开发工具检查按钮时，您看到哪些样式应用于按钮？我的理解是，你不应该应用这些外观属性。我猜是其他CSS正在覆盖按钮的引导样式。你能在JSFIDLE和纯HTML/CSS/JS上模拟这个问题吗？你能给出一个有效的例子吗？如果我尝试用你的代码重新创建它，它工作得很好。我无法只用JSFIDLE进行复制。在我的移动测试设备上看起来不错。我想知道用cshtml呈现bundle配置是否会在移动设备上引起问题。不幸的是，因为我只有iPhone可供测试，所以我在检查源代码方面相当严格。这可能是您的自定义样式中的一些问题。我试过了。它在Iphone 5s和7+中运行良好。请检查是否有其他btn类覆盖。如果您正在执行onclick操作，则使用一个标记并将btn class role=按钮赋予它们，这似乎至少部分是问题所在。Buttons.less提供了我正在使用的css，您可以在PC上看到它（如OP中所示），但不会在手机上显示。然而，如果我对Bootstrap3使用不同的btn类（主、警告等），它会产生一些结果。。我不太明白这一点，将不得不进一步调查-将编辑这篇文章。因为。次要是引导4类，有灰色，这是完全类似于默认的风格。你提到的按钮是主要的。
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}