单击Bootstrap 4下拉项时更改它们的颜色

在Bootstrap 4中，可以通过使用自定义CSS样式来更改下拉项的颜色。下面是一个完善且全面的答案：

在Bootstrap 4中，下拉项的颜色可以通过以下步骤进行更改：

1. 首先，为下拉项定义一个自定义的CSS类。可以在HTML文件的<style>标签中或者外部CSS文件中定义该类。例如，我们可以定义一个名为custom-dropdown的类。

.custom-dropdown {
  background-color: #ff0000; /* 设置背景颜色为红色 */
  color: #ffffff; /* 设置文字颜色为白色 */
}

1. 接下来，在下拉菜单的HTML代码中，将定义的自定义CSS类应用到下拉项的父元素上。可以通过添加class属性并设置为之前定义的类名来实现。例如：

<div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
    下拉菜单
  </button>
  <div class="dropdown-menu">
    <a class="dropdown-item custom-dropdown" href="#">下拉项1</a>
    <a class="dropdown-item custom-dropdown" href="#">下拉项2</a>
    <a class="dropdown-item custom-dropdown" href="#">下拉项3</a>
  </div>
</div>

在上述代码中，我们将custom-dropdown类应用到了每个下拉项的<a>标签上。

1. 最后，通过自定义CSS类来定义下拉项的颜色。在上述代码中，我们将背景颜色设置为红色，文字颜色设置为白色。你可以根据需要自定义其他样式。

这样，当用户单击下拉菜单时，下拉项的颜色将根据定义的自定义CSS类进行更改。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云服务器（CVM）：提供可扩展的云服务器实例，适用于各种应用场景。了解更多：腾讯云服务器
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端对象存储服务，适用于存储和处理各种类型的数据。了解更多：腾讯云对象存储
• 腾讯云云函数（SCF）：无服务器的事件驱动型计算服务，可帮助开发者更轻松地构建和管理应用程序。了解更多：腾讯云云函数
• 腾讯云人工智能（AI）：提供丰富的人工智能服务和解决方案，包括图像识别、语音识别、自然语言处理等。了解更多：腾讯云人工智能