Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

CSS & HTML: Change cursor color when on inputfield

Bottom of Page

1 to 6 of 6

  1.  
    •  
      CommentAuthorFlorushj
    • CommentTimeApr 18th 2006 edited
     permalink
    Hi all,

    I'm working on this site http://www.ganzenhoeden.nl and I was wondering if it was possible to somehow tweak the cursorcolor when I hover over and/or select one of the inputfields of my form. As you can see the greyish color of a (windows XP cursor) disappears within the greenish color of the inputfield.

    Does anyone know if there is a possibility whithin css to do this? Could'nt come up with something myself (shame on me!)

    Thanks!
    • CommentAuthoradmin
    • CommentTimeApr 18th 2006
     permalink
    I think the easy fix is to change the background color of the fields to a lighter on :hover.

    check http://www.cssbeauty.com/contact/

    Actually... it won't work in IE. hmmm.
    •  
      CommentAuthorFlorushj
    • CommentTimeApr 18th 2006 edited
     permalink
    I know, it does'nt work in IE. (PS: I actually have a :hover state on the inputfields. Notice the very subtle bordercolor change :-D) Solution is sending another stylesheet to IE with a brighter color green as default, but that just does'nt do it for me. I like the tone of green and preferably do not want to change it.

    So.. something else?
  4.  permalink
    Sorry - you can't control the carat cursor with CSS.

    Maybe a JS alternative?

    You could use some JavaScript to get IE to accept the :hover or :focus states of your inputs and textarea. That way the cursor color would be irrelevant.
    • CommentAuthorMac Dillon
    • CommentTimeApr 18th 2006
     permalink
    Here's a Java photo hover example you may want to consider. Looks like it may fit well with your design. Just came across this myself.
    http://www.collegehumor.com/movies/1682246/

    (Hover over the small photos for Java example).
    •  
      CommentAuthorFlorushj
    • CommentTimeApr 18th 2006
     permalink
    @adjustafresh: yes that's a solution I guess, not so pretty as it could (should) be, but that will work.

    @mac dillon: he he, awfull humor .. I do not recognise that at ALL ;-)
    Ontopic: I see what you mean, that could do the trick..

    Thanks for your help!

1 to 6 of 6

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page