如何在javascript中访问框阴影的:after和:before属性

如何在javascript中访问框阴影的:after和:before属性,javascript,html,css,button,Javascript,Html,Css,Button,我正在用所有这些典型的用户帐户注册表单制作一个网页。我想尝试一些提交按钮的新技术。我曾想过在submit按钮中使用cssdiv,单击该按钮时会改变其阴影。我发现了一个很棒的链接: 我还通过使用object.boxShadow 我可以更改阴影属性,但问题是我不知道如何更改阴影的:after和:before属性。 每当我用onclick或onmousedown事件更改属性时,它就会应用于整个div框,我不希望这样。我只想在单击框的一角时更改阴影 如果有人帮忙,那就太好了。谢谢。:-) PS:如果问题

我正在用所有这些典型的用户帐户注册表单制作一个网页。我想尝试一些提交按钮的新技术。我曾想过在submit按钮中使用
css
div
,单击该按钮时会改变其阴影。我发现了一个很棒的链接: 我还通过使用
object.boxShadow

我可以更改阴影属性,但问题是我不知道如何更改阴影的
:after
:before
属性。 每当我用
onclick
onmousedown
事件更改属性时,它就会应用于整个div框,我不希望这样。我只想在单击框的一角时更改阴影

如果有人帮忙,那就太好了。谢谢。:-)


PS:如果问题已经被询问和回答,请粘贴链接

我认为您不需要为此找到javascript或jquery。您只需通过jquery将css类应用于div,如

.effect:after{css properties}
可以使用jquery将该类添加到div中:

$('.div').addClass('effect');

希望这有帮助。

也许这会对这个解决方案有帮助:+1,实际上我也经常这样做。这样,您的css只驻留在您的css文件中,而不驻留在js文件中(并且您的js文件不会变得丑陋:D)