-bootstrap中的-webkit-appearance，如何重置？

Question

因此，我将 Bootstrap 添加到了我的项目中，每当我检查（在 Google Chrome 中）标签时<input type="submit">，我都会在其上看到以下 CSS：

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

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

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

谁能解释一下这是如何工作的吗？如何在我的标签上重置此属性，使其再次看起来正常？

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

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

Answer 1

您想要的值为none：

 -webkit-appearance: none;

使用 MDN 代替（我在这里看不到normal属性）

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