-webkit-boot in bootstrap，如何重置？

Question

所以我将Bootstrap包含在我的项目中，每当我检查（在谷歌浏览器中）<input type="submit">标签时，我都会看到以下CSS：

button, html input[type=button], input[type=reset], input[type=submit]
{
    -webkit-appearance: button;
    cursor: pointer;
}

来自名为normalize.less的样式表（之前从未见过）。

根据documentation on W3Schools，默认值为normal，但是当我将此属性（-webkit-appearance: normal）放入我自己的自定义样式表中以覆盖引导程序时，Google Chrome似乎无法识别属性（或分配给属性的值）。显示属性前面的黄色三角形，并显示以下消息：“无效的属性值”。

任何人都可以解释一下这是如何运作的吗？如何在我的标签上重置此属性，以便它再次看起来很好？

编辑：这是我想要实现的一个例子： https://jsfiddle.net/86s9yLz3/

我希望我的按钮看起来像第一个结果而不是第二个结果（现在看起来是这样的，不完全相同，但是由于属性（前面描述的-webkit-appearance属性） height更改以及其他一些内容，例如line-height或其他内容......）。当我使用-webkit-appearance: none;或-webkit-appearance: initial;时，该按钮也不喜欢JsFiddle中的第三个结果，而是看起来像这样：

Answer 1

您想要的值是none：

 -webkit-appearance: none;

改为使用MDN（我在这里看不到normal属性）

https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance