如何删除/禁用某些引导程序元素的样式



我想知道是否可以禁用特定html元素的样式。

在我的情况下,它是一个输入文本。我无法调整它的大小。我浏览了引导css,发现它有填充。我尝试使用padding: none0 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

最新更新