- Нет возможности подключить стили
- Нет возможности вставить стили между
<style> </style>
<div style="background: #333; padding: 10px;">Dark gray</div>
Как прописать ему "ховер", к примеру background: #555;
прямо внутри style=""
?
<style> </style>
<div style="background: #333; padding: 10px;">Dark gray</div>
Как прописать ему "ховер", к примеру background: #555;
прямо внутри style=""
?
Селекторы псевдоклассов не могут быть описаны прямо в теге. Раз нет возможности подключить стили, используйте события onmouseover
и onmouseout
.
<div style="background: #333; padding: 10px;"
onmouseover="this.style.backgroundColor='#555';" onmouseout="this.style.backgroundColor='#333';">
Dark gray
</div>
Никак, :hover — это псевдокласс.
А на w3.org написано что можно:
Setting properties on a source anchor for each of its dynamic states, using pseudo-classes:
<a href="http://www.w3.org/"
style="{color: #900}
:link {background: #ff0}
:visited {background: #fff}
:hover {outline: thin red solid}
:active {background: #00f}">...</a>