Question

我想创建一个带有多个项目/选项的组合框/选项，其中包含每个元素的图标，文本和背景颜色。我发现这个library非常好，它解决了我的两个问题。我想为组合框的元素类型添加一个可以改变的背景。我能怎么做？

Answer 1

对于每个元素的不同背景颜色，您必须为此library

中的每个元素创建单独的背景颜色类

Answer 2

这只是一个演示示例，您可以使用代码尝试此操作。

<html>
<head>Title</head>
<style>
ul li{line-height:40px;list-style:none;}
ul li a{color:#fff;padding:10px;text-decoration:none;}
ul li a.red{background-color:red;}
ul li a.green{background-color:green;}
ul li a.blue{background-color:blue;}
</style>

<body>
  <ul>
    <li>  
      <a href="#" class="red">Red Background Color</a>
    </li>
    <li>
      <a href="#" class="green">Green Background Color</a>
    </li>
    <li>
      <a href="#" class="blue">Blue Background Color</a>
    </li>
  </ul>
</body>
</html>

如何在HTML中创建带有图标，文本和背景颜色的选项？

2 个答案: