我想知道是否可以禁用特定html元素的样式。
在我的情况下,它是一个输入文本。我无法调整它的大小。我浏览了引导css,发现它有填充。我尝试使用padding: none
和0 0 0 0
加上!important
,但没有成功。
是否可以禁用该特定项目的样式?
从Bootstrap 3开始,您将使用list-unstyled
类来实现这一点。
示例:
<ul class="list-unstyled">
<li>...</li>
</ul>
希望这能解决你的问题。
是的,这是可能的。您可以通过以下方式实现:
- 在
bootstrap.css
之后加载您自己的stylesheet
定义。对于您的情况,定义input[type=text]{padding:0px;}
必须在bootstrap's
css文件之后调用 - 如果你想使用内联css,你可以尝试:
<input type="text" style="padding:0px" />
希望能有所帮助。
在HTML的"head"中更改本地css文件和引导css的顺序,本地css应该在引导css之后:
<head>
<!-- bootstrap css is the first here -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- bootstrap css is the last -->
<link rel="stylesheet" href="style.css">
</head>
现在,如果你申请了!在css中很重要,它应该可以工作。
另一个解决方案是应用css内联<element style="padding:0"></element>
在样式属性中的元素样式中设置它,如果某个项在那里,则它具有优先级。
如果你想加倍肯定添加!也很重要
Javascript对您有帮助吗?如果是的话。setAttribute
原生javascript函数可以帮助:
http://jsfiddle.net/nMJjS/1/
只需将我创建的id替换为要更改的输入元素的id