html - 关闭继承的 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 规则