为什么在应用yui上下文重置后我的webkit编号输入旋转按钮停止工作

Question

我添加了这样的样式表

<link rel="stylesheet" href="http://yui.yahooapis.com/3.13.0/build/cssreset-context/cssreset-context.css" type="text/css" />
<link href="/static/css/style.css" rel="stylesheet" type="text/css" />

我有

input::-webkit-inner-spin- {
-webkit-appearance: none;
margin: 0; 
}

在我的style.css中删除我的数字输入中的旋转按钮。

但是在我将链接应用到yui reset之后，我输入的代码:: - webkit .....已停止工作。  我无法让它再次发挥作用，有人可以帮助并解释我。

Answer 1

我的猜测是因为你没有提供任何代码。我认为这与CSS特异性规则有关。

yui cssreset将样式应用于.yui3-cssreset类。

由于您在html元素上提供样式，因此yui cssreset中的规则被认为更具体，并且具有更高的优先级。

阅读本文以更好地了解CSS规则的优先级

CSS Specificity