Bootstrap 4のアコーディオンがあり<p>
、その<i>
中にandがあります。私は両方必要<p>
と<i>
上の変化に色:hover
を同時にし。どういうわけか、私はこれを達成することができません。(私はFontawesomeを使用しています)。
.payment-icon {
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
font-size: 1.3em;
vertical-align: middle;
color: #2f2f2f;
}
.button-accordion-container p:hover,
.button-accordion-container i:hover {
color: red !important;
}
<!-- Fontawsome CDN -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">
<div class="card">
<div class="card-header accordion-header" id="headingWallet">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left button-accordion-container" type="button" data-toggle="collapse" data-target="#collapseWallet" aria-expanded="false" aria-controls="collapseWallet">
<p class="d-inline-block"><i class="fas fa-dollar-sign payment-icon pr-2"></i>Wallet</p>
</button>
</h2>
</div>
</div>
これが私のコーデックスです。
cssをこれに置き換えます
button.button-accordion-container:hover p,
button.button-accordion-container:hover i {
color: red !important;
}
または、最初の「ボタン」なしボタンホバー:.button-アコーディオンコンテナ
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加