22、WinJS 控件样式详解

week9

于 2025-12-13 10:56:38 发布

阅读量2

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS打造Win8应用之美文章标签： WinJS 评级控件 ToggleSwitch

本文链接：https://blog.youkuaiyun.com/week9/article/details/156039781

CSS打造Win8应用之美专栏收录该内容

27 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

WinJS 控件样式详解

1. 评级控件（Rating Control）

评级控件是一种常见的用户交互元素，用于让用户对某个事物进行评分。在 WinJS 中，评级控件的默认 DOM 标记如下：

<!-- DOM Explorer snippet -->
<div tabindex="0" class="win-rating" role="slider" aria-readonly="false" aria-valuenow="Unrated"
    aria-valuemin="0" aria-valuemax="5" aria-label="User Rating" aria-valuetext="Unrated"
    data-win-control="WinJS.UI.Rating">
    <div class="win-star win-empty win-user"></div>
    <div class="win-star win-empty win-user"></div>
    <div class="win-star win-empty win-user"></div>
    <div class="win-star win-empty win-user"></div>
    <div class="win-star win-empty win-user"></div>
    <div class="win-star win-average win-ful