Question

我试过div [风格] 问题是这不是内联样式的唯一元素

HTML

<input class="button cool-button" style="float: right !important color:blue" value="Hello" name="hello">
<input class="button cool-button" style="float: right !important color:blue" value="World" name="hello">
<input class="button cool-button" style="float: right !important  color:blue" value="Submit" name="submit">

我的目标是提交按钮

这就是我试图在外部样式表上覆盖css的方式......

input.button .cool-button[style] [value="Submit"] [name="submit"] {
    float: none !important;
}

Answer 1

如果您的输入在内联样式中具有!important语法，那么该元素将优先于该元素的任何css /样式，因此您将无法float:none。

<input class="button cool-button" style="float: right !important; color:blue" value="Hello" name="hello">

但是，如果您的输入没有!important，则可以执行以下操作

input.button.cool-button { 
    float: none !important; 
}

<input class="button cool-button" style="float: right ; color:blue" value="Hello" name="hello">
<input class="button cool-button" style="float: right ; color:blue" value="World" name="hello">
<input class="button cool-button" style="float: right ; color:blue" value="Submit" name="submit">

并且css表中的float:none将覆盖内嵌的float: right

Answer 2

您需要添加

只需一步

Element[style].button.cool-button{
float:left !important;
}

基于您案例的示例

<input class="button cool-button" style="float: right ; color:blue" value="Hello" name="hello">

创建Custom.css文件并添加以下代码行

/*To override inline style sheet for 'Input' Element*/

input[style].button.cool-button{
float:left !important;
color:white !important;
}

希望完全有助于某人！谢谢干杯 Ishwor Khanal

Answer 3

使用额外的扩展程序：

input.button.cool-button.right{
  float: right;
}

将right类而不是样式添加到输入标记。

但是，请使用clear: right取消浮动。

Answer 4

input.button.cool-button { 
    float: none !important; 
}

我希望这会有所帮助

如何覆盖内联样式CSS？

4 个答案: