特定の html 要素のスタイリングを無効にできるかどうかを知りたいです。
私の場合、それは入力テキストです。リサイズできません。ブートストラップCSSを調べたところ、パディングがあることがわかりました。padding: none
and 0 0 0 0
plusを使用しようとしまし!important
たが、うまくいきませんでした。
その特定のアイテムのスタイリングを無効にすることは可能ですか?
特定の html 要素のスタイリングを無効にできるかどうかを知りたいです。
私の場合、それは入力テキストです。リサイズできません。ブートストラップCSSを調べたところ、パディングがあることがわかりました。padding: none
and 0 0 0 0
plusを使用しようとしまし!important
たが、うまくいきませんでした。
その特定のアイテムのスタイリングを無効にすることは可能ですか?
Bootstrap 3 以降では、list-unstyled
クラスを使用してこれを実現します。
例:
<ul class="list-unstyled">
<li>...</li>
</ul>
これで問題が解決することを願っています。
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 に !important を適用すると動作するはずです。
別の解決策は、CSSをインラインで適用することです<element style="padding:0"></element>