[英]How to override Inline Style CSS?
我已经尝试过div [style]问题是这不是具有内联样式的唯一元素
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;
}
如果您的输入采用内联样式的!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
内联的float: right
这只是您需要添加的一步过程
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;
}
完全希望它将对某人有所帮助! 谢谢干杯伊什沃尔·卡纳尔
使用额外的扩展名:
input.button.cool-button.right{
float: right;
}
并将right
类而不是样式添加到输入标签。
但是请使用clear: right
取消浮动。
input.button.cool-button {
float: none !important;
}
我希望这有帮助
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.