收藏效果

查看器在主视图上显示“收藏夹”图标(位于用户最初添加收藏夹的位置)。

通过以下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;
}

在此页面上