css - .windows-toolbar-overflow 按钮的 WinJS CSS 样式不起作用

Question

我正在尝试按照此处的文档设置 WinJS 工具栏上查看更多按钮和标签的颜色。

Link to WinJS.UI.ToolBar object documentation.

Here is a link to Styling AppBars and ToolBars (HTML).

我使用的是 winjs 4.4.0。发布。

这是我正在使用的 CSS 样式代码(它在我的默认 CSS 文件中):

.win-toolbar .win-toolbar-overflowareabutton{
    color:blue;
}

也试过这些:

.win-toolbar win-toolbar-overflowareabutton{
    color:blue;
}

.win-toolbar .win-toolbar-overflowbutton{
    color:blue;
}

.win-toolbar win-toolbar-overflowbutton{
    color:blue;
}

我会注意到工具栏的其他样式正在工作。

更新

如果我想使用除默认值之外的其他颜色，我想让它工作:

<link href="WinJS/css/ui-dark.css" rel="stylesheet" />
<link href="WinJS/css/ui-light.css" rel="stylesheet" />

有什么想法吗？感谢您查看此内容。 - 罗布0

Answer 1

遵循一些建议 here .

只需深入研究一个 WinJS CSS 文件，即可找到用于设置这些元素样式的适当代码。

查看更多按钮也称为省略号按钮可以这样设置样式:

.win-commandingsurface button.win-commandingsurface-overflowbutton:enabled .win-commandingsurface-ellipsis{
    color:blue;
}

这是在 ui-dark.css 文件的 Ln 6138 上找到的。

对于我使用的命令图像:

.win-commandimage{
    color:blue;
}

对于命令标签，如果我想改变颜色，我必须使用两种样式。上面的其他两个会自动为您执行此操作。

button .win-label{
    color:blue;
}

button:hover .win-label{
    color:white;
}

希望这对您有所帮助。

-罗布0