html - 剑道 CSS 图标位置

Question

我已将 Kendo 网格上的字体大小更改为 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;
}

参见示例:http://jsbin.com/ufimom/592/edit

Answer 1

试试这个，

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

演示:http://jsbin.com/ufimom/596/edit