1

我使用 jQuery 脚本“printThis”打印元素，使用“Chosen”打印下拉菜单。

使用 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>

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

https://github.com/jasonday/printThis

4

0 回答 0