时间戳

首页 > 解决方案 > 更改下拉框的背景颜色

html - 更改下拉框的背景颜色

问题描述

我正在编辑一个由不再在公司工作的前员工编写的网站，我被要求在网站上添加一个下拉框。添加下拉菜单非常简单，但该下拉菜单的背景颜色始终为灰色，尽管当我将下拉菜单放在记事本上并将其另存为 html 时，背景在浏览器中显示为白色。我对选择选项进行了整个样式表搜索，但找不到将下拉框变为灰色的任何内容，代码中有大量样式表和 javascript 文件引用。我对 CSS 很陌生。我决定用自己的样式表覆盖那个灰色，下拉框的背景颜色变成了我想要的颜色，但是边缘和下拉符号仍然是灰色的。是他们的任何方式，我可以在不更改样式表的情况下在下拉框中强制使用 while 颜色背景。下面是我的代码和样式表以及下拉菜单的图像：

<div class="ui-block-b ui-margins" > <label for="nname">Gender</label>

<select id="nname" class="specialcolor">

      <option  value="Male">Male</option>

      <option  value="Female">Female</option>

    </select>

</div>

style sheet is :

<style>

  .specialcolor{

background-color:white !important;

}

</style>

这是图像：

在此处输入图像描述

如您所见，内部下拉区域为白色，否则其余为灰色。我想要这个区域完全是白色的。任何帮助将不胜感激。

标签： htmlcss

解决方案

您可以单击元素，在您的案例中的下拉框，然后按 F12 并查找开发人员工具。在开发人员工具中，您可以检查该元素并了解应用于下拉框的样式表。有关更多信息，请参阅此链接：

https://www.hostinger.com/tutorials/website/how-to-inspect-and-change-style-using-google-chrome

推荐阅读