自动完成菜单下拉菜单中的jquery透明背景

gdx19jrr  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(320)

我有这个代码,但是下拉菜单是不透明的,看起来很凌乱

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js">
    </script>

    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js">
    </script>

    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css"
        rel="stylesheet" type="text/css" />

</head>
<body>

<form action = "https://www.coinoracle.net/results" method = "POST">
<input type="text" name="the_coins" id="tags">
<input type="submit" value="Coin Divination">

</form>

    <script>
  $( function() {
    var availableTags = [
        {% for my_coins in my_coins %}
            "{{my_coins}}",
        {% endfor %}
    ];
    $( "#tags" ).autocomplete({
      source: availableTags

    });
  } );
  </script>

它工作得很好,但是下拉菜单的背景现在是透明的,并且它与中的其他文本重叠

对于页面,有没有一种简单的方法使其保持纯白以保持可读性?可能不需要添加css文件或其他操作,我可以在html页面的代码中执行吗?不幸的是,我对javascript知之甚少。。。

oogrdqng

oogrdqng1#

答案就是把它添加到html中,它会进入内部,就像你可以自动完成任何颜色的背景一样

<style>

     .ui-autocomplete.ui-menu.ui-widget.ui-widget-content{background-color: yellow;}

</style>

我希望这能帮助像我这样的人

相关问题