0

在我的一个场景中，我有

<div id='MenuList'></div>

然后我像这样添加列表： 

$('#MainListTitles').sfList({
    data : [ 'AAA', 'BBBB', 'CCC']
});

如何自定义每个列表项的颜色和高度？我在css中尝试过这样的：

#MenuList.sf-ui-list {高度：333px; 文本对齐：右；背景颜色：#ffffff} - 有效

#MenuList.sf-ui-list-item {background-color:#000000} - 不工作

4

1 回答 1

1

首先，“#MenuList.sf-ui-list-item”永远不会起作用，因为您没有 ID 为“MenuList”且类为“sf-ui-list-item”的相同元素。这是基本的CSS。正确的用法是“#MenuList .sf-ui-list-item”。

另一方面，三星的 SmartTV SDK 做得非常糟糕。这太糟糕了，看起来他们甚至不希望人们为它开发应用程序。

根据API 文档，您确实应该设置类“sf-ui-list-item”的样式，但是如果您使用“使用 Web Inspector 调试三星智能电视应用程序”运行您的项目，您可以看到他们使用类“sf-ui-列表模糊”。

因此，合乎逻辑的步骤是样式：

#MenuList .sf-ui-list-blured { ... }

我建议您创建自己的样式并将它们作为“.sfList”命令中的 3 个参数传递（类：focusCssClass、blurCssClass 和 selectCssClass，如API doc中所述）。

于 2013-04-19T11:28:39.653 回答