我的最愛功能表

「我的最愛」功能表下拉式清單會出現在控制列中。 它由按鈕和面板組成,當使用者按一下或點選按鈕時,面板會展開。 此面板包含個別的「我的最愛」工具。

檢視器使用者介面中「我的最愛」功能表的位置和大小會由下列CSS類別選擇器控制:

.s7ecatalogsearchviewer .s7favoritesmenu

「我的最愛」功能表按鈕的CSS屬性

邊距頂端

與控制條頂部的偏移。

左邊距

到左側下一個按鈕的距離;如果這是一行中的第一個按鈕,則到控制列左側的距離。

width

按鈕的寬度。

height

按鈕的高度。

範例——設定「我的最愛」功能表,從控制列頂端放置4個像素,從最靠左的按鈕放置10個像素,大小為28 x 28像素。

.s7ecatalogsearchviewer .s7favoritesmenu { 
margin-top: 4px; 
margin-left: 10px; 
 width:28px; 
 height:28px; 
}

「我的最愛」功能表按鈕的外觀是由下列CSS類別選擇器所控制:

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton

「我的最愛」按鈕的CSS屬性

背景影像

為指定按鈕狀態顯示的影像。

背景位置

如果使用CSS精靈,請放在圖稿精靈內。

另請參閱 CSS精靈

注意

此按鈕支援state屬性選擇器,可用來將不同的外觀套用至不同的按鈕狀態。

按鈕工具提示可以本地化。 如需詳細資訊,請參閱使用者介面元素的本地化

範例——設定「我的最愛」功能表按鈕,針對四種不同的按鈕狀態顯示不同的影像。

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='up'] { 
background-image:url(images/v2/FavoritesMenu dark_up.png); 
} 
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='over'] { 
background-image:url(images/v2/FavoritesMenu_dark_over.png); 
} 
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='down'] { 
background-image:url(images/v2/FavoritesMenu_dark_down.png); 
} 
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='disabled'] { 
background-image:url(images/v2/FavoritesMenu_dark_disabled.png); 
}

包含個別「我的最愛」圖示的面板外觀會由下列CSS類別選擇器控制:

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel

「我的最愛」功能表面板的CSS屬性

背景色

面板的背景顏色。

示例——設定面板以使其具有透明顏色。

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel { 
 background-color: transparent; 
}

本頁內容

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now