JavaFX 2.2 WebEngine HTML 选择下拉样式答案

【问题标题】：JavaFX 2.2 WebEngine HTML Select Dropdown StylingJavaFX 2.2 WebEngine HTML 选择下拉样式
【发布时间】：2014-08-28 21:13:31
【问题描述】：

我正在处理一个无法更改为 Java 1.8 以采用最新 JavaFX 的项目，这可能与手头的问题相关，也可能不相关。我一直在尝试所有可以在 Internet 上找到的方法来覆盖 Web 浏览器中下拉选择的默认外观。我尝试过 Javascript 解决方案、纯 CSS 解决方案，甚至尝试使用列表和 CSS 构建功能。在 JavaFX 2.2 上的 WebView/WebEngine 中似乎没有任何效果，我尝试过的大多数解决方案在 Firefox 中都可以正常工作（我知道这不是最好的比较，因为 Firefox 没有在后台使用 webkit）。

关于如何使用 JavaFX 2.2 WebView 设置选择功能的下拉部分的样式有什么想法吗？

我尝试过的技术列表：

【问题讨论】：

样式是否适用于其他（简单）组件？
是的。设计简单组件的样式...我可以设置普通

标签： javascript html css javafx

【解决方案1】：

我发现了一些有用的东西，并且实际上改进了我的界面。我正在搜索 UX Stack Exchange 并找到 Chosen。 Original UX Stack Exchange post

【讨论】：

【解决方案2】：

我已经使用 webview（angularjs 和 bootstrap）创建了 JavaFX 应用程序。
这就是元素在 Chrome 中的呈现方式

这是在 ubuntu jar 文件中呈现 select 元素的方式

我尝试了多个修复，但似乎这个下拉列表是从浏览器本身呈现的（在 linux、macos、windows 中呈现不同）并且无法设置样式。

我的工作解决方案是使用平面js库作为tom-select，没有依赖关系。以及如何在 chrome 和 jar 中呈现 select 元素。成功:)

【讨论】：