出于某種原因,只有“購物車”文本可點擊以下按鈕。我嘗試了幾種不同的變體,但似乎無法使整個按鈕可點擊。謝謝你的任何建議。
<span class="header-account-item header-account-item-cart">
<a href="/cart/"><i class="fas fa-shopping-cart fa-shopping-cart-icon fa-1x"></i><span class="my-cart-text">Cart</span></a>
</span>
這是與按鈕關聯的 css:
.header-account-item-cart {
margin-right: 5px;
}
.header-account-item {
background-color: #00a4ff !important;
padding: 8px;
border-radius: 3px;
display: inline-block;
margin-top: 25px;
margin-right: 10px;
}
.fa-shopping-cart-icon {
color: #FFFFFF;
padding-left: 0px;
}
.fa, .fab, .fad, .fal, .far, .fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
uj5u.com熱心網友回復:
只需將您的<span>課程轉移到您的<a>標簽即可。
<a class="header-account-item header-account-item-cart" href="/cart/"><i class="fas fa-shopping-cart fa-shopping-cart-icon fa-1x"></i><span class="my-cart-text">Cart</span></a>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/335881.html
下一篇:如何通過CSS旋轉這些文本?
