带有ui-state-error的JqueryUI图标在对话框中不起作用

问题描述

|| 我有一个ninput和两个范围，每个都有一个jQuery UI图标，我试图在jQuery UI对话框中内联显示。 当我尝试将ui-state-error应用于跨度时，会发生问题。 在对话框外部，图标工作正常，在对话框内部，但是图标无法正确显示...！ 想法??? http://jsfiddle.net/kralco626/K6TzK/8/     

解决方法

        如果给弹出窗口

div

和

ID

，请将以下内容添加到CSS中以解决此问题：

#popupDiv > .ui-state-error { 
    background-position: -32px -192px; 
}

这应该对页面上的其他内容造成的影响最小。 jsfiddle上的演示     ,        第一个

<span>

上的

ui-state-error

类导致小部件内的图标出现问题。 jQuery UI主题css在小部件内时具有不同的“ 5”规则，该规则将覆盖其他背景。

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }

您可以从ѭ4的类别中删除ѭ3的类别以进行修复，但是如果您需要红色的“警告”轮廓，则可能与您所追求的并不完全相同。     ,        实际上，问题不仅仅在于“错误”对话框中的任何小部件。我注意到可以确定为什么对话框中的CSS权重变得不同。 总而言之，您只需要为需要使用的图标添加CSS：

#popupDiv > .ui-icon-circle-close { 
    background-position: -32px -192px;
}

在这个小提琴中可以看到：http://jsfiddle.net/8J395/ 希望它可以帮助某人。