有没有办法覆盖`overflow`的内联CSS样式？

Question

如果我想覆盖内联CSS，我必须使用!important或JavaScript。

但是，如果我想覆盖内联宽度而不使用important，我可以使用max-width或min-width。

是否有一种方法可以覆盖内联样式？

  overflow:hidden 

- Martin54

---

如果您计划通过编辑CSS文件来覆盖，则可以轻松地删除内联CSS。 - JoshKisb

但是如果我想覆盖例如内联宽度而不使用important，我可以使用max-width或min-width。这是因为你实际上并没有覆盖任何东西。“覆盖”在CSS中有一个非常特定的含义，而特殊的是宽度/高度属性，而不是溢出。 - BoltClock

Answer 1

使用CSS

您可以使用!important关键字覆盖内联样式，如下所示。通过使用!important关键字，类样式覆盖了内联样式背景颜色。

.test {
 background-color:#ff00ff !important; 
}

<div class="test" style="background-color:green">
<h1>
Sample
</h1>
</div>

使用JavaScript

您也可以使用JavaScript实现相同的效果。

document.getElementById('test').style.backgroundColor = '#fff000';

<div id="test" style="background-color:green">
<h1>
Sample
</h1>
</div>

- Suresh Ponnukalai

Answer 2

您可以使用!important关键字来覆盖内联样式。

.overwrite_css{
  background-color: blue !important;
 }

<div class="overwrite_css" style="background-color: red;font-size: 25px;">
 <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
</h2>
</div>

如果仍无法覆盖它，请尝试这个方法

注意：仅使用!important将起作用，但我已经使用了overwrite_css [style]选择器来特定选择具有style属性的div

此示例使用[style]（属性选择器）向我们展示CSS正在针对具有“style”属性的div。

.overwrite_css[style]{
  background-color: blue !important;
 }

<div class="overwrite_css" style="background-color: red;font-size: 25px;">
 <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
</h2>
</div>

- Naren Verma

Answer 3

如果您想更改内联 CSS 样式，应该使用 JavaScript (js)，虽然可以通过 !important 标签覆盖样式，但它的优先级很高，可能会影响其他 CSS 样式...

因此，最好使用 JavaScript (js) 而不是 !important 标签。

- satyajit rout

Answer 4

您只能使用内联 CSS 覆盖。

!important

或者你必须使用JavaScript来实现。

- JiiB