jquery - How to select: .editfield:hover:after

Asked Aug 03 '16 at 20:15

Active Aug 03 '16 at 20:15

Viewed 16 times

This is my style (bubble appears on hover with "Edit / Éditer" inside):

.editfield:hover:after {
content: "Edit / Éditer";
position:absolute;
padding:10px;
font-size:0.7em;
background-color: #FFC;
color: #999;
border-radius:10px;
border:solid 1px #999;
left:45%;   
z-index:12000;
}

I want a function to be triggered when the bubble is clicked. So I need to know how to select that bubble.

I saw this reply that works for title but it does not work here even if it is adapted:

$(".class[title='whatever']")

asked Aug 03 '16 at 20:15

Sergelie

$(".editfield:hover:after").click(function() <-- this does not work either – Sergelie Aug 03 '16 at 20:17
pseudo-elements do not accept events – buildok Aug 03 '16 at 20:20
Good to know, thanks! – Sergelie Aug 03 '16 at 20:24
http://stackoverflow.com/questions/7478336/only-detect-click-event-on-pseudo-element – Steve0 Aug 03 '16 at 20:44
thanks - there is a solution for me there... – Sergelie Aug 03 '16 at 21:15

jquery - How to select: .editfield:hover:after

0 Answers0