html - 为什么在应用 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 重置后，来 self 的 input::-webkit 的代码......已经停止工作。 我无法让它再次工作，有人可以帮我解释一下吗。

Answer 1

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

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

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

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

CSS Specificity