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

我会注意到ToolBar的其他样式正在发挥作用。

更新

想要让它工作，以防我想使用其他颜色，除了在以下位置找到的默认颜色：

<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样式不起作用

1 个答案: