css用于某些选择输入类

Question

我在表单中使用了几个选择框并集成了组合框插件

https://github.com/danielfarrell/bootstrap-combobox

此插件的问题下拉菜单不是100％宽度

我用它固定它并且工作正常

<style>

.dropdown-menu
{
 width: 100%;
}

</style>


<select class="combobox">
  <option></option>
  <option value="PA">Pennsylvania</option>
  <option value="CT">Connecticut</option>
  <option value="NY">New York</option>
  <option value="MD">Maryland</option>
  <option value="VA">Virginia</option>
</select>

但是现在我的一个日期时间选择输入无法正常工作

如何编辑此css，以便仅选择带有combobox类的选择框

<style>

.dropdown-menu
{
 width: 100%;
}

</style>

Answer 1

哪个元素有类下拉菜单？

您需要找到一些内容来区分组合框下拉元素与您不想要样式化的其他选择元素。

例如，您可以将dateTimeSelect等类添加到日期时间选择元素中，并将CSS样式规则更改为：

.dropdown菜单：否（.dateTimeSelect）

Answer 2

您可以将所有框包装在具有特定类的容器中，并使用父类定义它。例如：

<div class="xyz-class"><select class="combobox"></select></div>

现在您可以使用

使用css定义它

.xyz-class .dropdown-menu { width: 100% }