Selecting or tapping on this button brings the user to the previous page in the catalog. 此按钮显示在主控制栏中。 This button is not displayed on mobile phones to save screen real estate. You can size, skin, and position this button by using CSS.
主查看器区域的CSS属性
通过以下CSS类选择器控制按钮的外观:
.s7ecatalogviewer .s7toolbarleftbutton .s7panleftbutton
CSS property |
说明 |
---|---|
顶端 |
从主控制栏的上边框的位置,包括内边距。 |
右 |
从主控制栏的右边框的位置,包括内边距。 |
左侧 |
Position from the left border of the main control bar, including padding. |
底部 |
Position from the bottom border of the main control bar, including padding. |
width |
按钮的宽度。 |
height |
Height of the button. |
背景图像 |
为给定按钮状态显示的图像。 |
背景位置 |
在图稿Sprite中放置(如果使用CSS Sprite)。 另请参阅 CSS Sprite . |
This button supports the state
attribute selector, which can be used to apply different skins to different button states.
按钮工具提示可进行本地化。 请参阅 用户界面元素的本地化 以了解更多信息。
示例 — 设置上一页按钮,其长度为28 x 28像素,距底部4像素,距主控制栏右边缘250像素。 最后,针对四个不同的按钮状态中的每个状态显示一个不同的图像。
.s7ecatalogviewer .s7toolbarleftbutton .s7panleftbutton {
bottom:4px;
left:250px;
width:32px;
height:32px;
}
.s7ecatalogviewer .s7toolbarleftbutton .s7panleftbutton [state='up'] {
background-image:url(images/v2/ToolBarLeftButton_dark_up.png);
}
.s7ecatalogviewer .s7toolbarleftbutton .s7panleftbutton [state='over'] {
background-image:url(images/v2/ToolBarLeftButton_dark_over.png);
}
.s7ecatalogviewer .s7toolbarleftbutton .s7panleftbutton [state='down'] {
background-image:url(images/v2/ToolBarLeftButton_dark_down.png);
}
.s7ecatalogviewer .s7toolbarleftbutton .s7panleftbutton [state='disabled'] {
background-image:url(images/v2/ToolBarLeftButton_dark_disabled.png);
}