jQuery hover having no effect on a readonly input element

Question

I have an input element with readonly set to true ("readonly"). However, when I try to apply a hover effect in jQuery, no results are seen.

Any ideas?

http://stackoverflow.com/questions/3100319/jquery-event-on-a-disabled-input — zaoudis, Nov 22 '11 at 09:45
Can you try to maybe make a jsfiddle so we can see your code? — Krimo, Nov 22 '11 at 09:45

score 1 · Accepted Answer · answered Nov 22 '11 at 09:55

1

the problem is your selector

change $('.input') into $('input') and it works

answered Nov 22 '11 at 09:55

Manuel van Rijn

the selector is wrong in the fiddle ... thats right but its not solving the problem – ggzone Nov 22 '11 at 09:58
alright dont forget to use jquery instead of mootools in jsfiddle *$#!0?* :D – ggzone Nov 22 '11 at 10:04

score 0 · Answer 2 · answered Nov 22 '11 at 09:59

0

Your selector should be $(':input')

answered Nov 22 '11 at 09:59

defau1t

score 0 · Answer 3 · answered Nov 22 '11 at 10:01

0

maybe removing readonly on mouseenter, adding it again on mouseleave. Example: http://jsfiddle.net/8X86r/2/

answered Nov 22 '11 at 10:01

Teun Pronk

3 Answers3