2013-04-18 36 views
0

在我的場景之一,我有的SmartTV:SF-UI-列表定義項目高度

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

然後我將其添加列表如下:

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

如何自定義顏色和高度每個列表項的??我嘗試在這樣的CSS:

#MenuList.sf-ui-list {height:333px; text-align:right;背景顏色:#FFFFFF} - 工程

#MenuList.sf-UI-列表項{背景顏色:#000000} - 不工作

回答

1

首先,「#MenuList.sf-UI- list-item「永遠不會起作用,因爲你沒有id爲」MenuList「和class」sf-ui-list-item「的相同元素。這是基本的CSS。正確的用法是「#MenuList .sf-ui-list-item」。

另一方面,三星在SmartTV SDK方面做得非常糟糕。這很糟糕,看起來他們甚至不希望人們爲它開發應用程序。

根據API doc,你的確應該使用類「sf-ui-list-item」,但是如果你使用「使用Web Inspector調試三星智能電視應用程序」來運行你的項目,你可以看到他們使用class「sf -ui一覽所迷離」。

因此,合乎邏輯的步驟將是風格:

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

我建議你也許創建您自己的風格,並通過他們在「.sfList」命令(類3個參數:focusCssClass,blurCssClass和selectCssClass如API doc中所述)。