Jquery UI手風琴標題格式

我在我的JQuery UI模式對話框中使用JQuery UI手風琴。我的代碼與我在網上找到的幾個實例（特別是http://jsfiddle.net/eKb8J/）完全相同。嫌疑人是CSS相關的罪魁禍首，但不知道如何解決問題。Jquery UI手風琴標題格式

我使用的是JQuery UI 1.8.7和JQuery 1.7.2。

問題本質上，箭頭和標題垂直條與手風琴標題不對齊，使其看起來非常草率。我希望標題出現在與箭頭和標題垂直條相同的行上。已發佈問題的屏幕截圖： http://i.stack.imgur.com/rpn1H.png

任何幫助將不勝感激！

當我看用Ctrl-Shift-I組合在FireFox的元素，我得到：施加到手風琴元件的CSS：http://i.stack.imgur.com/DCpSe.png 手風琴內施加到所述頭元件的CSS：http://i.stack.imgur.com/iD2tM.png

來源

2012-08-01 Sc0rpio

如果可能的話，將您的css文件鏈接到jsFiddle，那麼我們將能夠複製該問題。但是你是對的，某些地方的風格正在覆蓋默認的風格。 – 2012-08-01 23:21:21

它不能真正在jsFiddle中複製，因爲它集成到了ASP.net環境中。 – Sc0rpio 2012-08-01 23:36:30

如果沒有原始來源，很難解決這個問題。你可以做什麼來解決這個問題是使用Inspector（或更好的，Firefox插件「Firebug」）來查看你的元素正在使用哪些樣式，並禁用/啓用並實時更改它們。使用這些工具和一些CSS知識，你應該能夠自己解決這個問題。 – Phortuin 2012-08-02 09:18:08

甲我們可以查看代碼的URL會很有幫助。另外，請嘗試下載最新版本的Firefox，訪問您的頁面，然後單擊Ctrl + Shift + I。然後點擊相關元素。這是縮小CSS元兇的一個非常快速的方法。

來源

2012-08-01 23:21:54 TimmyTooTall

我檢查了新FireFox中的元素，並將屏幕截圖發佈到上面我的帖子中的CSS中。 – Sc0rpio 2012-08-01 23:35:00

Jquery UI手風琴標題格式

回答

相關問題