jquery datepicker - 知道是什么控制了这个动作吗？答案

【问题标题】：jquery datepicker - Any idea what controls this action?jquery datepicker - 知道是什么控制了这个动作吗？
【发布时间】：2015-08-17 17:33:33
【问题描述】：

我有这个日期选择器（尽管它在也依赖于 jquery 的多选下拉控件上做完全相同的事情）：

您会注意到，只有右箭头显示。那是因为我将鼠标悬停在它上面。

基本上，我的任何 jquery 控件中的任何箭头都不会显示，直到它们被悬停。

有谁知道哪个 CSS 类解决了这个问题？我认为它是 ui-icon，因为当我使用它时，它们甚至没有在悬停时显示，但我无法弄清楚正确的设置。

我当前的 ui-icon 如下所示：

.ui-icon {
    width: 16px;
    height: 16px;
    text-indent: -99999px;
}

我没有运气就把它改成了这个：

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

我什至可能找错了树，但是当我把第二个方块放进去时，我根本看不到任何按钮，甚至在悬停时也看不到，所以我只是假设魔法发生在那里。

【问题讨论】：

没有控制台错误？在开发者控制台中打开:hover 功能并在您将鼠标悬停在图标上时检查 CSS，复制粘贴该 CSS 用于常规类（未悬停时）
当您使用 display: block 时，您将按钮设置为对其内容敏感。在您的情况下，内容似乎是空的，所以只需指定宽度和高度；-) 比如 15px 开始。

标签： c# css asp.net

【解决方案1】：

原来是这个小恶魔：

.ui-state-default .ui-icon {
    /*  Default color of any arrows/icons on any jquery controls */
    background-image: url("../Images/ui-icons_222222_256x240.png");
}

我现在在我的代码中添加了注释。发现我的示例代码来自一个主题，其中包含一些我的应用程序没有的颜色，因此一些 URL 指向我没有的文件。这个特定的 CSS 条目处理那些默认箭头。

【讨论】：