1

我在 Javascript 中的 Segmented Control 上找到了一篇很棒的帖子，其中提到了创建分段控件的绝佳解决方案，小提琴在这里：http: //jsfiddle.net/LdZk8/1/

jquery 很短，非常棒：

$("ul.buttonGroup").click(function (event) {
    $("li", this)
    .removeClass("selected")
    .filter(event.target)
    .addClass("selected");
});

我的问题是这在 safari 和 chrome 中运行良好，但在 Firefox 中无法正确渲染。只需在 Firefox 中查看小提琴并点击运行，您就会看到。

有谁知道我该如何纠正这个？我相信它与 CSS 相关，也许 webkit 元素被忽略了，但我不确定如何为 FF 解决这个问题。

谢谢！

4

1 回答 1

2

它只在 Chrome/Safari 中运行良好，因为您包含-webkit-了浏览器效果，而不是-moz-,ms和一般等价物，您需要在 Firefox 和 IE 中获得相同的效果。

例如，当您包含-webkit-box-flex时，您还需要包含-moz-box-flex以与 Firefox 兼容。

一些有用的链接：

Mozilla Developer - 查找各种 CSS3 属性的定义/语法。

ColorZilla - 通过简单地粘贴 webkit 版本来获得其他浏览器的等效语法。

于 2013-04-02T15:31:21.997 回答