Итак, я сейчас делаю проект с электроном. Я обнаружил, что когда элемент имеет атрибут webkit-app-region: drag;
, который может использовать элемент для перетаскивания окна, то все прослушиватели событий включают javascript: element.getElementById
или как css: a:active
или a:hover
не будет работать, как в коде ниже:
.win-ctrl-btn {
cursor: pointer;
-webkit-app-region: drag;
height: 15px;
width: 15px;
border-radius: 50%;
top: 10px;
right: 10px;
background-color: rgb(255, 255, 255);
border: none;
transition: transform 80ms ease-in-out;
}
.win-ctrl-btn:active {
transform: translate(-2px, 2px);
}
И преобразование не работает, даже если оно не отображается в инструменте разработки, интересно, другой способ может сделать то же самое с-webkit-app-region
, кто-нибудь знает? Каждый комментарий будет полезен, спасибо.