.win-toolbar-overflowareabutton 的 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" />

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

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;
}

希望对您有所帮助。

-Rob0

.win-toolbar-overflowareabutton 的 WinJS CSS 样式不起作用

WinJS CSS styling for .win-toolbar-overflowareabutton not working

css

toolbar

winjs