Jquery-添加css:活动样式内联

如何添加：活动的pceudo类，以便按钮在没有单独的全局css的情况下转换onclick

const $button = $('<button></button>').css({
      margin: '5px',
      ':active': 'transform: translate(0, 3px)',
    })

const$button=$（''）.css({
边距：“5px”，
“：活动”：“转换：转换（0，3px）”，
})

根据您的要求，我了解到的是，单击后您希望将Y按钮转换为3px，鼠标按钮一离开，它就应该回到正常位置，这意味着转换Y 0px

所以，如何：活动实际上是工作，它会被激活，只要你点击一些东西，当你离开你的鼠标按钮停用。 如下所示：使用CSS：

按钮{
颜色：红色；
背景：白色；
边框：2倍实心；
填充：20px 40px；
显示：块；
}
按钮：激活{
转换：转换（0px，3px）；
}

---

单击

也可以在头部插入样式：

$('head').append('<style>.myClass:hover { background-color: red; }</style>')
$('<button>123</button>').addClass('myClass')

$（'head'）.append（'.myClass:hover{background color:red；}'））
$（'123'）.addClass（'myClass'））

不要认为你可以用jquery@CarstenLøvboAndersen那么我需要为带有翻译动作的按钮制作onclick函数包装器？或者也许有一种方法可以使用jquery创建和注入stylescheet？更好的选择是添加一个新类：activeproperty@Atul你能举个例子来回答吗？当然，你可以照我说的做，我现在有了更好的主意。如果这对您有帮助，请检查答案