Этот пример, для простоты, просто иллюстрация того, что мне нужно сделать. Скажем, у меня есть элемент, стиль которого установлен в CSS. Стиль задается как для элемента, так и для псевдокласса, например, элемент: hover. Я могу переопределить стиль для элемента со следующим JavaScript: element.style.setProperty('property-name', 'new value', ''). Как изменить стиль псевдокласса с помощью JavaScript?
Спасибо.
<html>
<head>
<style type='text/css'>
#myBtn {
background-color: red;
}
#myBtn:hover {
background-color: blue;
}
</style>
</head>
<body>
<button id='myBtn'>Colored button</button>
<button onclick="ChangeColor();">Script button</button>
<script type="application/x-javascript">
function ChangeColor() {
var Btn = document.getElementById('myBtn');
Btn.style.setProperty('background-color', 'green', '');
};
</script>
</body>
</html>