[英]Ejs - How can we hover in ejs file?
我想實現一個功能。 我的應用是用angularjs和nodejs制作的。 我正在發送電子郵件,在該電子郵件中,我有一個單擊按鈕。
<td style="padding-top:32px;" class="suggest-artist">
<a href="<%=url%>" style="border:solid 1px rgba(0,0,0,0.8); text-align:center; display:block; font-size:17px; text-decoration:none;
color:rgba(0,0,0,0.8); font-family:'SlateStd-Bk', 'Lucida Grande', 'Lucida Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; padding:27px 10px 22px;"
onMouseOver="bgChange('green')"
onMouseOut="bgChange('blue')">Suggest artists now</a>
</td>
我想在懸停時更改背景顏色,但似乎這種方式不起作用。 我用谷歌搜索並嘗試實現內聯懸停,但這也不起作用。 所以我在onmouseover
和onmouseout
找到了這個解決方案,但這也不起作用。 我也嘗試包括一個外部CSS,但是它不起作用。 我該怎么辦?
color:rgba(0,0,0,0.8);
聯樣式中,您具有color:rgba(0,0,0,0.8);
這將覆蓋更改鏈接上的懸停狀態的功能。
可以,但是不需要JS在懸停時更改顏色。 使用類似:hover
東西-見下文:
.suggest-artist__link:hover { color: green; }
<td style="padding-top:32px;" class="suggest-artist"> <a href="#" class="suggest-artist__link" style="border:solid 1px rgba(0,0,0,0.8); text-align:center; display:block; font-size:17px; text-decoration:none; font-family:'SlateStd-Bk', 'Lucida Grande', 'Lucida Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; padding:27px 10px 22px;">Suggest artists now</a> </td>
編輯:對不起-您想要背景顏色,而不是鏈接顏色...執行以下操作:
.suggest-artist__link:hover { background-color: green; }
<td style="padding-top:32px;" class="suggest-artist"> <a href="#" class="suggest-artist__link" style="border:solid 1px rgba(0,0,0,0.8); text-align:center; display:block; font-size:17px; text-decoration:none; font-family:'SlateStd-Bk', 'Lucida Grande', 'Lucida Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; padding:27px 10px 22px;">Suggest artists now</a> </td>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.