收藏效果

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

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

在此页面上