Question

我有来自bootstrap的CSS，我需要覆盖它以使其恢复到默认的浏览器外观

-webkit-appearance: none;

这是一个JS小提琴：http://jsfiddle.net/wgLokucd/

我如何摆脱这种情况，以便样式与我没有应用CSS的情况一样：

<input type="submit" />

Answer 1

非常简单：在Chrome的开发工具中禁用小提琴中的样式，查看计算的样式，然后找到

-webkit-appearance: push-button;

通过用户代理样式表应用...

Answer 2

您可以回馈正在样式化的元素的默认值。

检查可能的 -webkit-appearance值：

的列表

checkbox
radio
push-button
square-button
button
button-bevel
listbox
listitem
menulist
menulist-button
menulist-text
menulist-textfield
scrollbarbutton-up
scrollbarbutton-down
scrollbarbutton-left
scrollbarbutton-right
scrollbartrack-horizontal
scrollbartrack-vertical
scrollbarthumb-horizontal
scrollbarthumb-vertical
scrollbargripper-horizontal
scrollbargripper-vertical
slider-horizontal
slider-vertical
sliderthumb-horizontal
sliderthumb-vertical
caret
searchfield
searchfield-decoration
searchfield-results-decoration
searchfield-results-button
searchfield-cancel-button
textfield
textarea

<强> CSS

 input{
        -webkit-appearance: none;
    }

    input {
        -webkit-appearance: button;
    }

DEMO http://jsfiddle.net/a_incarnati/wgLokucd/2/

如何解决CSS -webkit-appearance问题

2 个答案: