-webkit-bootstrap中的外觀，如何重置？

所以我包括引導到我的項目，每當我檢查（谷歌瀏覽器）的<input type="submit">標籤，我看到它下面的CSS：-webkit-bootstrap中的外觀，如何重置？

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）我自己的自定義樣式表中重寫引導，谷歌Chrome似乎不能識別屬性（或分配給該屬性的值）。屬性前面的黃色三角形顯示以下消息：「無效屬性值」。

任何人都可以請解釋我是如何工作的？我怎樣才能重置這個屬性在我的標籤，使它看起來再次好？

編輯：這是什麼，我想實現一個例子： https://jsfiddle.net/86s9yLz3/

我希望我的按鈕看起來像第一個結果，而不是像第二個結果（這是它的樣子，現在，不完全相同，但由於財產（前面所述，-webkit-appearance財產）height變化和一些其他的東西，如line-height或其他...）。當我使用-webkit-appearance: none;或-webkit-appearance: initial;，按鈕不喜歡的第三個結果中的jsfiddle要麼，而不是它看起來像這樣：

來源

2016-03-04 Barrosy

請不要使用W3Schools，而應參考MDN。嘗試使用默認值：'none'（https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance） –

@LorenzoMarcon啊好的謝謝（你的鏈接是西班牙語，但是）。 – Barrosy

uhm其實這個網址包含en-US ..也許你有自動翻譯的語言？ –

你的期望值none：

-webkit-appearance: none;

使用MDN改爲（我在這裏看不到normal屬性）

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

來源

2016-03-04 09:28:07

默認情況下，在未來沒有任何變化的情況下，最初不會更好嗎？ – symlink

爲什麼會改變？如果您使用初始，在移動設備中，您會看到默認外觀，但OP似乎需要刪除該外觀，因此「無」是正確的值。 –

默認（即初始）外觀爲無。如果將來用戶代理樣式從無變爲其他，則初始值將適應此類。 – symlink

-webkit-bootstrap中的外觀，如何重置？

回答

相關問題