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);
}