【问题标题】:Jquery Tab header in firefoxFirefox中的Jquery Tab标题
【发布时间】:2014-12-30 18:48:54
【问题描述】:

我正在尝试实现 Jquery ui Tabs # 简单操作。

http://jqueryui.com/resources/demos/tabs/manipulation.html

关闭图标出现在文本的下一行。它发生在 Firefox 中,而不是 chrome 中。 在 Firefox 中,标签页是

[标题文本
x]

在 chrome 中是 [标题文本 x]

下面是li标签。

    <li ><a href='#{href}'>#{label}</a><span class='ui-icon ui-icon-close' role='presentation'>R</span></li>

如果有人知道导致 li 内容包装的 css 属性是什么,请提供帮助。

谢谢 萨钦

【问题讨论】:

  • 如果您没有使用 CSS 规范化器或重置,可能与默认浏览器 CSS 相关。如果没有看到复制问题的演示,就不可能确定很多
  • 嗨,我同意没有演示太难了。我在帖子stackoverflow.com/questions/2753348/… 中找到了解决方案
  • 在 Firefox 开发者版中运行良好(36.0a2 (2014-12-26))

标签: javascript jquery css jquery-ui jquery-tabs


【解决方案1】:

在帖子中找到解决方案 jquery ui tabs close button beneath the text

添加到 jquery_ui.css 下方

.ui-icon-close { 浮动:左; }

谢谢 萨钦

【讨论】:

    猜你喜欢
    • 2011-07-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-09-04
    • 1970-01-01
    • 2011-10-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多