Html 剑道CSS图标位置

我已经将剑道网格上的字体大小更改为11，这样，日期选择器文本框上的日历图标从底部被切断。当您使用下面的代码将鼠标悬停在图标上方时，我可以使用margin top向上移动图标，但是我不知道如何在正常状态下将其向上移动

    .k-link:not(.k-state-disabled):hover>.k-i-calendar,.k-state-hover .k-i-calendar,.k-button:hover .k-i-calendar,.k-textbox:hover .k-i-calendar,.k-button:active .k-i-calendar{
background-position:-48px -176px; margin-top: -6px;
}

---

参见示例：

在上下文中没有看到html和背景图像，我只是在这里进行猜测。尝试将日历图标的正常状态附加到css规则，如下所示

.k-link:not(.k-state-disabled):hover>.k-i-calendar,.k-state-hover .k-i-calendar,.k-button:hover .k-i-calendar,.k-textbox:hover .k-i-calendar,.k-button:active .k-i-calendar, .k-i-calendar { background-position:-48px -176px; margin-top: -6px; }

编辑：如前一张海报所述！重要的是，为了覆盖剑道设置，这里可能是最好的解决方案。例如：

.k-i-calendar {
 margin-top: 0px !important;
}

---

此处演示：

在上下文中看不到您的html和背景图像，我只是在这里进行猜测。尝试将日历图标的正常状态附加到css规则，如下所示

.k-link:not(.k-state-disabled):hover>.k-i-calendar,.k-state-hover .k-i-calendar,.k-button:hover .k-i-calendar,.k-textbox:hover .k-i-calendar,.k-button:active .k-i-calendar, .k-i-calendar { background-position:-48px -176px; margin-top: -6px; }

编辑：如前一张海报所述！重要的是，为了覆盖剑道设置，这里可能是最好的解决方案。例如：

.k-i-calendar {
 margin-top: 0px !important;
}

---

演示：我有一个高度个性化的剑道。自定义样式是剑道最大的问题之一（以及其他百万个问题，一旦你开始大规模使用剑道，你会发现）。为了最小化样式表的大小，他们将许多不同控件的样式组合到了几个文件中。虽然这是一件好事，但它使自定义样式（然后在将来更新）成为一场噩梦。了解如何使用“：not”、“>”、“：first”、“：first of type”等。使用css将真正帮助您设置网格和其他控件的样式

---

我通常编写单独的样式表来覆盖剑道样式（通过在覆盖css中使用大量重要的关键字）。当我更新剑道时，它会有所帮助。

我有一个高度个性化的剑道材料。自定义样式是剑道最大的问题之一（以及其他百万个问题，一旦你开始大规模使用剑道，你会发现）。为了最小化样式表的大小，他们将许多不同控件的样式组合到了几个文件中。虽然这是一件好事，但它使自定义样式（然后在将来更新）成为一场噩梦。了解如何使用“：not”、“>”、“：first”、“：first of type”等。使用css将真正帮助您设置网格和其他控件的样式

我通常编写单独的样式表来覆盖剑道样式（通过在覆盖css中使用大量重要的关键字）。当我更新剑道时它会很有帮助。

试试这个

.k-i-calendar {
    background-position: -32px -176px;
    margin-top: -6px !important;
}

演示：

试试这个

.k-i-calendar {
    background-position: -32px -176px;
    margin-top: -6px !important;
}

---

演示：

我为jsbin添加了一个链接，显示了您悬停时发生的效果。不确定是否是我的办公室防火墙阻止了它，但我在单击jsbin链接时不断收到502坏网关错误。稍后将在另一台计算机上尝试。我为jsbin添加了一个链接，显示了悬停时发生的效果。不确定是否是我的办公室防火墙阻止了它，但我在单击jsbin链接时不断收到502坏网关错误。稍后将在另一台计算机上尝试。相同，但在最后我将（，.k-I-calendar）附加到了规则中。我看到您添加了一个jsbin演示。现在我可以看到上下文了，我将在其中进行编辑。相同，除了我在规则的最后附加了（，.k-I-calendar）。我看到您添加了一个jsbin演示。现在我可以看到上下文，我将在其中进行编辑。