关闭继承的CSS样式

Question

我在我的一个页面上使用插件，似乎与bootstrap和插件的CSS有小冲突。

以下是问题的图片：

你能看到，这两个选项很长，它们分为两个单独的行。 Bootstrap的CSS代码导致：

select {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    width: 220px;
}

当我在Firefox控制台中关闭该属性时，它会正常呈现它。

如何在不弄乱核心CSS的情况下忽略选择中的宽度？

Answer 1

制定一条新规则，覆盖最后一条规则。

select {
    width: initial;
}

如果您希望此规则仅适用于该特定选择，而不是所有选择，只需为其指定ID，并在其中使用width:initial规则