www.webdeveloper.com
Results 1 to 8 of 8

Thread: resizing cursor in textbox?

  1. #1
    wylbur is offline Wylbur the Possum-Hearted
    Join Date
    Apr 2006
    Location
    South Texas
    Posts
    64

    Arrow resizing cursor in textbox?

    Hi all;

    I need to make the cursor larger in my textboxes (with asp.net).

    It's so small that I can barely see it.

    I tried using "cursor : text;" but it didn't do me any good.

    Can anyone tell me how to set the size properties?

    THANKS!!!

  2. #2
    Paste the code into span tag
    Code:
    style="cursor:auto"
    Cursor styles:
    Code:
    auto
    crosshair
    default
    pointer
    move
    e-resize
    ne-resize
    nw-resize
    n-resize
    se-resize
    sw-resize
    s-resize
    w-resize
    text
    wait
    help

  3. #3
    wylbur is offline Wylbur the Possum-Hearted
    Join Date
    Apr 2006
    Location
    South Texas
    Posts
    64

    Question Tried that

    Hi Coyote;


    I tried that (cursor : auto), and it had no effect.

    I also tried cursor : text, and that had no effect.

    Most of the rest of those attributes apply to the pointing device.

    Is there no way to specify the size of a text cursor in CSS?

    If not, then you can call me surprised.


    THANKS for the response!!!

  4. #4
    can you send a link to this page...

  5. #5
    if there is no link read through this:http://www.w3.org/TR/CSS21/ui.html

  6. #6
    wylbur is offline Wylbur the Possum-Hearted
    Join Date
    Apr 2006
    Location
    South Texas
    Posts
    64
    Quote Originally Posted by Coyotelab View Post
    if there is no link read through this:http://www.w3.org/TR/CSS21/ui.html

    Hi Coyote;

    Sorry - I don't have a link.

    I've examined the w3 page, and it looks like it's not going to be of much help:
    18.1 Cursors: the 'cursor' property

    'cursor'
    Value: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit
    Initial: auto
    Applies to: all elements
    Inherited: yes
    Percentages: N/A
    Media: visual, interactive
    Computed value: as specified, except with any relative URLs converted to absolute

    This property specifies the type of cursor to be displayed for the pointing device.

    It doesn't make any mention of text fields:
    This property specifies the type of cursor to be displayed for the pointing device.

    It looks like there's no way to do this with CSS.

    What about Javascript?

    THANKS for the response!!!

  7. #7
    Code:
    element.style.cursor="new_cursor_value"

  8. #8
    wylbur is offline Wylbur the Possum-Hearted
    Join Date
    Apr 2006
    Location
    South Texas
    Posts
    64

    Unhappy Same Thing

    Quote Originally Posted by Coyotelab View Post
    Code:
    element.style.cursor="new_cursor_value"
    Hi Coyote;

    After a bit of Googling, I see that the code simply does the same as CSS.

    Code:
    Changing the Cursor
    
    Explorer has introduced the new for-now-proprietary CSS property cursor. It allows us to change the cursor shape in a CSS declaration or by setting the style.cursor property dynamically. The table below lists all the possible values. If you are using IE4, pass your mouse down the TEST column to see your cursor change dynamically.
    Shape	CSS declaration	script assignment	TEST
    	cursor: default; 	element.style.cursor = "default"; 	 
    	cursor: move; 	element.style.cursor = "move"; 	 
    	cursor: hand; 	element.style.cursor = "hand"; 	 
    	cursor: crosshair; 	element.style.cursor = "crosshair"; 	 
    	cursor: wait; 	element.style.cursor = "wait"; 	 
    	cursor: help; 	element.style.cursor = "help"; 	 
    	cursor: w-resize; 	element.style.cursor = "w-resize"; 	 
    	cursor: n-resize; 	element.style.cursor = "n-resize"; 	 
    	cursor: e-resize; 	element.style.cursor = "e-resize"; 	 
    	cursor: s-resize; 	element.style.cursor = "s-resize"; 	 
    	cursor: nw-resize; 	element.style.cursor = "nw-resize"; 	 
    	cursor: ne-resize; 	element.style.cursor = "ne-resize"; 	 
    	cursor: se-resize; 	element.style.cursor = "se-resize"; 	 
    	cursor: sw-resize; 	element.style.cursor = "sw-resize"; 	 
    UA 	cursor: auto; 	element.style.cursor = "auto"; 	 
    
    The auto value returns cursor control to the browser. The remainder are self-explanatory.

    This is rather surprising - given all of the things that someone can do
    with the most-recent versions of the most-popular web-browsers.

    This looks like there is no solution.

    I'm not sure what I'm going to do.


    THANKS for the advise/response!!!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles