1

我正在使用 HTML5/JS 构建我的应用程序，但由于某种原因 CSS 没有应用。我仍然看到默认颜色。按 windows+I 时我可以不覆盖它吗？

这是供参考的CSS：

.win-settingsflyout {
    background-color: #fff;
}
4

4 回答 4

2

您可以创建一个类来应用颜色。

<style>
.colors{background-color: lightblue;}
</style>

然后将此类添加到您的 div 标签中。<div class='win-content colors'></div>

希望它会工作！

于 2013-01-06T03:27:15.097 回答
1

你不能，你总是会得到你的开始屏幕的颜色

于 2012-10-19T21:02:33.350 回答
1

在我的“关于”弹出窗口的示例应用程序中。是背景是红色的。

<div class="win-content" style="background: red;">

完整代码：

<!doctype HTML>
<html>
    <head>
        <title>About</title>
        <script src="//Microsoft.WinJS.1.0/js/base.js" type="text/javascript"></script>
        <script src="//Microsoft.WinJS.1.0/js/ui.js" type="text/javascript"></script>
        <script type="text/javascript">WinJS.UI.processAll();</script>
        <script src="/js/about.js"></script>
        <link href="/css/about.css" rel="stylesheet" />
    </head>
    <body>
        <!-- BEGINSETTINGSFLYOUT -->
        <div class="apback" data-win-control="WinJS.UI.SettingsFlyout" aria-label="App Settings Flyout" data-win-options="{settingsCommandId:'about',width:'narrow'}">
            <!-- Use either 'win-ui-light' or 'win-ui-dark' depending on the contrast between the header title and background color -->
            <div class="win-ui-dark win-header" style="background-color: #333333"> <!-- Background color reflects app's personality -->
                <button type="button" onclick="WinJS.UI.SettingsFlyout.show()" class="win-backbutton"></button>
                <div class="win-label"><span data-win-res="{textContent: 'info'}"></span></div>
                <img src="../images/smalllogo.png" style="position: absolute; right: 40px;"/>
            </div>
        <div class="win-content" style="background: red;">
                <div class="win-settings-section">
                    <label>Test App</label>
                    <label>users</label>           

                 </div>
            </div>
        </div>
        <!-- ENDSETTINGSFLYOUT -->
    </body>
</html>
于 2012-10-22T20:14:20.193 回答
0

您可以使用此 CSS 代码“推送”设置弹出背景颜色的更改：

.win-settingsflyout {
    background-color: #fff !important; background: #fff !important;
}
于 2012-10-20T20:52:28.973 回答