Question

我使用了此页面jQueryUI Theme Roller标记，右下角是ui-state-error css类的标记。标记如下所示

<div class="ui-state-error ui-corner-all"> 
<p><span class="ui-icon ui-icon-alert"></span> 
<strong>Alert:</strong> Sample ui-state-error style.</p>
</div>

但令我惊讶的是它看起来不一样，图标落在它自己的行上[可能是因为它的显示是blocked]。现在这是一个已知的css bug或Intended。如果是这样，我可能的解决方案是什么，将这些ui-icon元素一直悬空？

我不能把它放在jsfiddle上，但JsBin在这里工作的是链接Edit the Example on JsBin

Answer 1

这不是我所知道的错误，我这样做的方式是这样的：http://jsbin.com/agagep/5/（使用jquery做css，但实际上在css文件中有类似的东西），即使我们想要这就是这个并不意味着每个人都想要它，它让设计师可以更好地控制正在发生的事情。

Answer 2

我不知道jquery ui主题中是否存在错误。但我知道他们看起来并不是很好，就好像他们没有完成一样。你可以看一下jquery ui主题这个很棒的主题：http://www.warfuric.com/taitems/demo.html并在这里下载https://github.com/taitems/Aristo-jQuery-UI-Theme

不要回答这个问题，但可能对你有用。

Answer 3

使图标保持在文本中间尝试添加

.ui-icon-fix-by-max
{
    display: inline-block;
    vertical-align: text-bottom;
}

jQueryUI图标中是否存在CSS错误

3 个答案: