我在我的一个页面上使用了一个插件,似乎与 bootstrap 和插件的 css 有一个小冲突。
这是问题的图片:
你看到了吗,这两个选择很长,而且它们在两条不同的线上。来自 Bootstrap 的 CSS 代码是:
select {
background-color: #ffffff;
border: 1px solid #cccccc;
width: 220px;
}
当我在 Firefox 控制台中关闭该属性时,它会正常呈现。
如何在不影响核心 CSS 的情况下忽略选择中的宽度?
最佳答案
制定一条新规则,覆盖上一条规则。
select {
width: initial;
}
如果您希望此规则仅应用于该特定选择,而不是所有选择,只需给它一个 id,并在其规则集中使用 width:initial
规则
关于html - 关闭继承的 CSS 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28863811/