查看器在主视图上显示“收藏夹”图标(位于用户最初添加收藏夹的位置)。
通过以下CSS类选择器控制“收藏夹”图标的外观:
.s7ecatalogsearchviewer .s7favoriteseffect .s7icon
“收藏”图标的CSS属性
背景图像 |
为图标显示的图像。 |
背景位置 |
在图稿Sprite中放置(如果使用CSS Sprite)。 另请参阅 CSS Sprite . |
width |
图标的宽度。 |
height |
图标的高度。 |
示例 — 设置36 x 36像素“收藏夹”图标。
.s7ecatalogsearchviewer .s7favoriteseffect .s7icon {
height: 36px;
width: 36px;
background-image: url(images/v2/FavoriteEffect_dark_up.png);
}
在桌面系统上,该组件支持 cursortype
属性选择器,您可以将其应用到 .s7favoriteseffect
类和根据所选用户操作控制游标的类型。 以下 cursortype
支持以下值:
mode_add |
显示的用户正在添加新的“收藏”图标。 |
mode_remove |
显示的用户正在删除现有的“收藏夹”图标。 |
mode_view |
当“收藏夹”编辑不活动时,以正常操作模式显示。 |
示例 — 每种类型的组件状态具有不同的鼠标光标。
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_add"] {
cursor: crosshair;
}
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_remove"] {
cursor: not-allowed;
}
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_view"] {
cursor: auto;
}