在jQueryUI圖標中是否存在CSS錯誤

我使用了此頁面的標記jQueryUI Theme Roller與ui-state-error css類在右下角的一個。標記是這樣下面在jQueryUI圖標中是否存在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錯誤或意圖。如果是這樣，我可能的解決方案是什麼，將這些元素全部保留下來？

我無法忍受的是對的jsfiddle但JsBin沒有工作這裏是鏈接Edit the Example on JsBin

來源

2011-08-09 Deeptechtons

扔上的jsfiddle代碼，所以我們可以來看看。 –

@Babak添加鏈接到jsbin進行編輯 – Deeptechtons

以使該圖標留在文本中嘗試加入

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

來源

2011-08-09 08:57:32 max4ever

我會懷疑'inline-block'在跨瀏覽器工作時的有效性 – Deeptechtons

你用另一個支持你的答案，肯定現在解決這個問題，但這不是永久的解決方案。我會問這個燈絲組 – Deeptechtons

我不知道是否有在jQuery UI的主題的錯誤。但我知道他們看起來並不像他們沒有完成。你可以看看這個令人敬畏的主題jquery ui主題：http://www.warfuric.com/taitems/demo.html並在這裏下載https://github.com/taitems/Aristo-jQuery-UI-Theme

不真的回答這個問題，但也許可以對你有用。

來源

2011-08-09 07:29:46 yokoloko

這不是我所知道的一個錯誤，我做這件事的方式是這樣的：http://jsbin.com/agagep/5/（用cquery做了css，但實際上在css文件中有類似的東西），即使我們希望它是這並不意味着每個人都需要它，它可以讓設計師更好地控制發生的事情。

來源

2011-08-09 08:51:22 Joakim

我投票支持你，因爲JavaScript禁用它不會工作，但max4ever的解決方案將因爲CSS解決方案 – Deeptechtons

在jQueryUI圖標中是否存在CSS錯誤

回答

相關問題