11

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

在我的情况下，它是一个输入文本。我无法调整它的大小。我浏览了引导 css，发现它有填充。我尝试使用padding: noneand 0 0 0 0plus !important，但它不起作用。

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

4

5 回答 5

6

从 Bootstrap 3 开始，您将使用list-unstyled该类来实现这一点。

例子：

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

希望这能解决您的问题。

于 2014-07-28T00:24:05.817 回答
1

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

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

希望能帮助到你。

于 2013-07-19T18:06:14.130 回答
0

如果有项目，则将其设置为样式属性中元素的样式，它具有优先级。

另外，如果您想加倍确定，请添加 !important

于 2013-07-19T17:39:57.577 回答
0

在 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>

于 2019-06-21T21:59:58.433 回答
-1

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

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

只需将我制作的 id 替换为您要更改的输入元素的 id

于 2013-07-19T17:32:43.597 回答