Html WebApp：如何使用图标、颜色。。。本机用户界面的

我刚刚开始开发一个网络应用程序，它应该像本地应用程序一样工作。这就是为什么我不想创建自己的主题，但我想使用用户界面Unity[Ubuntu]、Explorer[Windows]、Gnome[Mint]等的主题

以下是我想从UI主题中获得的一些东西：

图标：保存、打开、复制、粘贴等图标 位置：Windows应用程序在左侧绘制OK按钮，在右侧绘制Cancel按钮，对于Ubuntu用户则相反。另一个例子：Ubuntu用户可以在Edit中找到应用程序设置的菜单项，Windows用户可以在Extras中找到它。 命名约定：有些东西，比如文件夹和目录的命名是不同的。 颜色和背景：菜单栏的背景对Unity/Ubuntu用户显示为灰色，对Explorer/Windows7用户显示为淡紫色。 我知道并非我所说的每一件事都是可能的。但我想至少解决其中一些问题。以下是我听说的一些解决方案：

-moz外观过时 CSS系统颜色如ButtonText或Window已被弃用，但在许多浏览器中可用 CSS系统字体过时

---

我的问题：你知道其他可以使用颜色、图标。。。从用户界面？

您唯一可以使用的是CSS系统颜色-其他一切都可以通过用户代理嗅探猜测，但这只是猜测。

对于图标，您可以使用moz图标。例如：

#content a[href $=".pdf"]:before {
    content: url("moz-icon://.pdf");
}

---

这仅适用于基于Firefox和Gecko的浏览器。

您无法访问主机的UI。@JohnSaunders我不需要直接访问。我只需要像-moz外观或CSS系统颜色这样的界面来获取有关用户界面的信息。我建议您在某个地方安装Windows 8 Consumer Preview，并查看一个完全不同的系统用户界面。看看你是否仍然认为你能够在用户界面主题上得到一个抽象。您可能会或可能不想考虑Unix或Macintosh系统的UI。@约翰桑德斯不会有足够的可能性来编写这样的不同UI概念，如Metry/WiDOWS8与Explorer /WiDOWS8。moz的外观帮助我为类似Unity/Ubuntu和Explorer/Windows7的UI创建了一个UI，但它不够强大，无法提供特定于平台的图标或诸如此类的东西。我想找到一种方法来做这些事情，只是确保你明白这一点。您可能会模仿某些用户界面，但甚至不是大多数用户界面。