Question

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

在我的例子中，它是一个输入文本。我无法调整它的大小。我通过bootstrap css发现它有填充。我尝试使用padding: none和0 0 0 0以及!important，但它无效。

是否可以禁用该特定项目的样式？

Answer 1

从Bootstrap 3开始，您将使用list-unstyled类来实现此目的。

示例：

<ul class="list-unstyled">
    <li>...</li>
</ul>

希望这能解决你的问题。

Answer 2

是的，这是可能的。您可以通过以下方式实现它：

在stylesheet之后加载您自己的bootstrap.css定义。对于您的情况，定义input[type=text]{padding:0px;}必须在bootstrap's css文件之后调用。
如果您想使用内联css，可以尝试：<input type="text" style="padding:0px" />

希望它有所帮助。

Answer 3

如果某个项目具有优先级，则将其设置为样式attribrute中元素的样式。

此外，如果你想要双重确定添加！重要

Answer 4

在HTML的“头部”中，更改本地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中应用！important，它应该可以工作。

另一种解决方案是将您的CSS内联应用于<element style="padding:0"></element>

Answer 5

Javascript会对你有什么帮助吗？如果是这样的话。setAttribute本机javascript函数可以提供帮助：

http://jsfiddle.net/nMJjS/1/

只需用我想要更改的输入元素的id替换我用id组成的id

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

5 个答案: