2016-03-04 53 views
0

所以我包括引導到我的項目,每當我檢查(谷歌瀏覽器)的<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要麼,而不是它看起來像這樣:

submit button

+0

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

+0

@LorenzoMarcon啊好的謝謝(你的鏈接是西班牙語,但是)。 – Barrosy

+0

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

回答

3

你的期望值none

-webkit-appearance: none; 

使用MDN改爲(我在這裏看不到normal屬性)

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

+0

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

+0

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

+0

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

相關問題