我的最愛功能表

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

檢視器使用者介面中「我的最愛」功能表的位置和大小,由下列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 Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free