Question

我使用jQuery脚本“printThis”来打印元素，“选择”用于下拉列表。

使用Chrome时，我选择了带有黑色背景的下拉菜单时遇到问题。无论我如何使用背景白色或无设置元素的样式，我似乎无法弄清楚为什么Chrome在使用printThis时使下拉列表具有黑色背景。

以下代码是有关如何重现此问题的快速示例：

<html>
<head>
<link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen/chosen.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script src="http://harvesthq.github.io/chosen/chosen/chosen.jquery.js" type="text/javascript"></script>
<script src="js/jquery/printThis.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#dropdown").chosen();
        $("#printbutton").click(function() {
            $("#printarea").printThis();
        });
    });
</script>
</head>
<body>
    <div id="printarea">
    <select id="dropdown">
        <option>Austria</option>
        <option>Belgium</option>
        <option>Canada</option>
        <option>Denmark</option>
        <option>Ecuador</option>
        <option>Finland</option>
        <option>Germany</option>
    </select>
    <input id="printbutton" type="button" value="Print">
    </div>
</body>
</html>

我尝试为脚本提供互联网网址，但我找不到printThis插件，你可以从git hub网站下载：

https://github.com/jasonday/printThis

printThis脚本使选定的下拉列表显示为黑色

0 个答案: