所以我包括引導到我的項目,每當我檢查(谷歌瀏覽器)的<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要麼,而不是它看起來像這樣:
請不要使用W3Schools,而應參考MDN。嘗試使用默認值:'none'(https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance) –
@LorenzoMarcon啊好的謝謝(你的鏈接是西班牙語,但是)。 – Barrosy
uhm其實這個網址包含en-US ..也許你有自動翻譯的語言? –