gpt4 book ai didi

html - 我无法使用 CSS 定位来移动或重新定位我的 select2

转载 作者:行者123 更新时间:2023-11-28 04:18:54 25 4
gpt4 key购买 nike

我在这里需要帮助,使用了从 CDN 托管的 select2 及其样式表,但现在我正在尝试重新定位我的下拉菜单并且它没有移动,我确信它与样式表有关,它忽略了我分配的值,而是使用来自 CDN 的值,无论如何我都可以使用它们来设置我的选择样式吗?

这是我的选择,我没有制作单独的样式表,只是将其合并到 HTML 中

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />


<title>Disease serach</title>
</head>

<select class="disease" style="width: 30%; position: relative;top: -220px; left: 182px; " name="tdisease" >
<option value="">Select Disease</option>
<?php while ($row=$result->fetch_array(MYSQLI_ASSOC)) { ?>
<option value="<?php echo $row['ICD10']?>"><?php echo $row['diagnosis'];?> </option>
<?php } ?>
</select>

和 Jquery

<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<script>
$(".disease").select2({
allowClear:true,
placeholder: 'Search for a disease'
});
</script>

最佳答案

是的,你可以像这样覆盖样式:

  1. 在来自 CDN 的 CSS 之后加载您自己的 CSS
  2. 使用与您要覆盖的样式相同或更高的 CSS 特性
  3. 写下你的风格

关于html - 我无法使用 CSS 定位来移动或重新定位我的 select2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42320062/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com