View All Favorites button

The position of the button is fully managed by the Favorites menu.

The appearance of the View All Favorites button is controlled with the following CSS class selector:

.s7ecatalogviewer .s7viewallfavoritebutton

CSS properties of the Remove Favorite button

background-image

The image that is displayed for a given button state.

背景位置

Position inside artwork sprite, if CSS sprites are used.

另请参阅 CSS Sprite .

width

Width of the button.

height

Height of the button.

注意

This button supports both the state and selected attribute selectors, which can be used to apply different skins to different button states. In particular, selected='true' corresponds to the state when a user can add a new Favorite icon by clicking or tapping. 属性 selected='false' 对应于用户可以缩放、平移和交换页面时的正常操作模式。

按钮工具提示可进行本地化。 请参阅 用户界面元素的本地化 以了解更多信息。

示例 — 设置一个28 x 28像素的“查看所有收藏夹”按钮,并在选择或未选择这四个按钮状态时,针对每个状态显示一个不同的图像。

.s7ecatalogviewer .s7viewallfavoritebutton {
 width:28px;
 height:28px;
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_up.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_down.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_disabled.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_disabled.png);
}

在此页面上