Ejs - Как мы можем парить в файле EJS? - PullRequest
Новая
       7

Ejs - Как мы можем парить в файле EJS?

0 голосов
/ 26 апреля 2018

Я хочу реализовать функцию. Мое приложение сделано в 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, но он не работает. Что мне делать?

1 Ответ

0 голосов
/ 26 апреля 2018

В вашем встроенном стиле у вас есть 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>
...