Windows 8 如何更改windows应用商店应用程序中“我的设置”弹出按钮的背景色?
我正在使用HTML5/JS构建我的应用程序,而CSS由于某种原因没有应用。我仍然看到默认颜色。当您按windows+I时,我不能覆盖它吗 以下是CSS供参考:Windows 8 如何更改windows应用商店应用程序中“我的设置”弹出按钮的背景色?,windows-8,winjs,Windows 8,Winjs,我正在使用HTML5/JS构建我的应用程序,而CSS由于某种原因没有应用。我仍然看到默认颜色。当您按windows+I时,我不能覆盖它吗 以下是CSS供参考: .win-settingsflyout { background-color: #fff; } 您不能,您将始终获得开始屏幕的颜色您不能,您将始终获得开始屏幕的颜色您可以使用以下CSS代码“推送”更改您的设置弹出式背景颜色: .win-settingsflyout { background-color: #fff !im
.win-settingsflyout {
background-color: #fff;
}
您不能,您将始终获得开始屏幕的颜色您不能,您将始终获得开始屏幕的颜色您可以使用以下CSS代码“推送”更改您的设置弹出式背景颜色:
.win-settingsflyout {
background-color: #fff !important; background: #fff !important;
}
您可以使用以下CSS代码“推送”更改您的设置弹出式按钮背景颜色:
.win-settingsflyout {
background-color: #fff !important; background: #fff !important;
}
这里是我的示例应用程序中的“关于”弹出按钮。背景是红色的
<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>
关于
WinJS.UI.processAll();
测试应用程序
使用者
这里是我的示例应用程序中的“关于”弹出按钮。背景是红色的
<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>
关于
WinJS.UI.processAll();
测试应用程序
使用者
您可以创建一个类来应用颜色
<style>
.colors{background-color: lightblue;}
</style>
.colors{背景色:浅蓝色;}
然后将该类添加到div标记中<代码>
希望它能起作用 您可以创建一个类来应用颜色
<style>
.colors{background-color: lightblue;}
</style>
.colors{背景色:浅蓝色;}
然后将该类添加到div标记中<代码>
希望它能起作用