CSSÖеÄcursorÓ÷¨
CSSÖеĹâ±êÀàÐÍ
Óï·¨£º
¡¡¡¡cursor : auto | all-scroll | col-resize| crosshair | default | hand | move | help | no-drop | not-allowed | pointer | progress | row-resize | text | vertical-text | wait | *-resize | url ( url )
¡¡¡¡È¡Öµ£º
auto
:¡¡
ĬÈÏÖµ¡£ä¯ÀÀÆ÷¸ù¾Ýµ±Ç°Çé¿ö×Ô¶¯È·¶¨Êó±ê¹â±êÀàÐÍ¡£
all-scroll
:¡¡
IE6.0
ÓÐÉÏÏÂ×óÓÒËĸö¼ýÍ·£¬ÖмäÓÐÒ»¸öÔ²µãµÄ¹â±ê¡£ÓÃÓÚ±êÊ¾Ò³Ãæ¿ÉÒÔÏòÉÏÏÂ×óÓÒÈκη½Ïò¹ö¶¯¡£
col-resize
:¡¡
IE6.0
ÓÐ×óÓÒÁ½¸ö¼ýÍ·£¬ÖмäÓÉÊúÏß·Ö¸ô¿ªµÄ¹â±ê¡£ÓÃÓÚ±êʾÏîÄ¿»ò±êÌâÀ¸¿ÉÒÔ±»Ë®Æ½¸Ä±ä³ß´ç¡£
crosshair
:¡¡
¼òµ¥µÄÊ®×ÖÏß¹â±ê¡£
default
:¡¡
¿Í»§¶Ëƽ̨µÄĬÈϹâ±ê¡£Í¨³£ÊÇÒ»¸ö¼ýÍ·¡£
hand
:¡¡
ÊúÆðÒ»Ö»ÊÖÖ¸µÄÊÖÐιâ±ê¡£¾ÍÏñͨ³£Óû§½«¹â±êÒÆµ½³¬Á´½ÓÉÏʱÄÇÑù¡£
move
:¡¡
Ê®×Ö¼ýÍ·¹â±ê¡£ÓÃÓÚ±êʾ¶ÔÏó¿É±»Òƶ¯¡£
help
:¡¡
´øÓÐÎʺűê¼ÇµÄ¼ýÍ·¡£ÓÃÓÚ±êʾÓаïÖúÐÅÏ¢´æÔÚ¡£
no-drop
:¡¡
IE6.0
´øÓÐÒ»¸ö±»Ð±Ï߹ᴩµÄԲȦµÄÊÖÐιâ±ê¡£ÓÃÓÚ±êʾ±»ÍÏÆðµÄ¶ÔÏó²»ÔÊÐíÔÚ¹â±êµÄµ±Ç°Î»Öñ»·ÅÏ¡£
not-allowed
:¡¡
IE6.0
½ûÖ¹±ê¼Ç(Ò»¸ö±»Ð±Ï߹ᴩµÄԲȦ)¹â±ê¡£ÓÃÓÚ±êʾÇëÇóµÄ²Ù×÷²»ÔÊÐí±»Ö´ÐС£
pointer
:¡¡
IE6.0
ºÍ hand Ò»Ñù¡£ÊúÆðÒ»Ö»ÊÖÖ¸µÄÊÖÐιâ±ê¡£¾ÍÏñͨ³£Óû§½«¹â±êÒÆµ½³¬Á´½ÓÉÏʱÄÇÑù¡£
progress
:¡¡
IE6.0
´øÓÐɳ©±ê¼ÇµÄ¼ýÍ·¹â±ê¡£ÓÃÓÚ±êʾһ¸ö½ø³ÌÕýÔÚºǫ́ÔËÐС£
row-resize
:¡¡
IE6.0
ÓÐÉÏÏÂÁ½¸ö¼ýÍ·£¬ÖмäÓɺáÏß·Ö¸ô¿ªµÄ¹â±ê¡£ÓÃÓÚ±êʾÏîÄ¿»ò±êÌâÀ¸¿ÉÒÔ±»´¹Ö±¸Ä±ä³ß´ç¡£
text
:¡¡
ÓÃÓÚ±êʾ¿É±à¼µÄˮƽÎı¾µÄ¹â±ê¡£Í¨³£ÊÇ´óд×Öĸ I µÄÐÎ×´¡£
vertical-text
:¡¡
IE6.0
ÓÃÓÚ±êʾ¿É±à¼µÄ´¹Ö±Îı¾µÄ¹â±ê¡£Í¨³£ÊÇ´óд×Öĸ I Ðýת90¶ÈµÄÐÎ×´¡£
wait
:¡¡
ÓÃÓÚ±êʾ³ÌÐòæÓû§ÐèÒªµÈ´ýµÄ¹â±ê¡£Í¨³£ÊÇɳ©»òÊÖ±íµÄÐÎ×´¡£
*-resize
:¡¡
ÓÃÓÚ±êʾ¶ÔÏó¿É±»¸Ä±ä³ß´ç·½ÏòµÄ¼ýÍ·¹â±ê¡£w-resize | s-resize | n-resize | e-resize | ne-resize | sw-resize | se-resize | nw-resize
url ( url )
:¡¡ IE6.0
Óû§×Ô¶¨Òå¹â±ê¡£Ê¹Óþø¶Ô»òÏà¶Ô url µØÖ·Ö¸¶¨¹â±êÎļþ(ºó׺Ϊ .cur »òÕß .ani )¡£
¡¡¡¡Ê¾Àý£º
¡¡¡¡p { cursor: text; }
¡¡¡¡a { cursor: pointer; }
¡¡¡¡body { cursor: url("mycursor.cur"), url("images/cursors/footcursor.cur"), default; }
Ïà¹ØÎĵµ£º
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
padding: 0;
margin: 0;
}
fieldset, img {
border: 0;
}
table {
border-co ......
handÊÇÊÖÐÍ
pointerÒ²ÊÇÊÖÐÍ£¬ÕâÀïÍÆ¼öʹÓÃÕâÖÖ£¬ÒòΪÕâ¿ÉÒÔÔÚ¶àÖÖä¯ÀÀÆ÷ÏÂʹÓá£
crosshairÊÇÊ®×ÖÐÍ
textÊÇÒÆ¶¯µ½Îı¾ÉϵÄÄÇÖÖЧ¹û
waitÊǵȴýµÄÄÇÖÖЧ¹û
defaultÊÇĬÈÏЧ¹û
helpÊÇÎʺÅ
e-resizeÊÇÏòÓҵļýÍ·
ne-resizeÊÇÏòÓÒÉϵļýÍ·
n-resizeÊÇÏòÉϵļýÍ·
nw-resizeÊÇÏò×óÉϵļýÍ·
w-resizeÊÇÏò×óµÄ¼ýÍ·
sw- ......
ת·¢Ï£¬Í¬ÊÂ×ܽáµÄ¡£
ä¯ÀÀÆ÷´óÕ½µÄ½á¹ûÔø¾Ò»¶ÈÊÇIEһͳÌìÏ£¬ÔÚÄǸöʱ´ú£¬ÎÒÃǸù±¾²»Óõ£ÐÄä¯ÀÀÆ÷¼æÈÝÐÔÎÊÌ⣬ÓÃPS×Ô¶¯Éú³É´úÂë¶¼ÐС£È»¶ø°éËæÊ±´ú·¢Õ¹£¬ÈËÃǶÔWEBÓ¦ÓÃµÄÆÚÍûÔ½À´Ô½¸ß£¬ÓÚÊǺõ£¬½ºþ·éÑÌÔÙÆð£¬¸÷ÖÖä¯ÀÀÆ÷ÈçÓêºó´ºËñ£¬Õâ¿É¿àÁËÎÒÃÇÕâЩ¿ª·¢Õߣ¬ÎªÁËÈø÷ä¯ÀÀÆ÷±íÏÖÒ»Ö£¬²»ÖªµÀÓжàÉÙǰ±²ºÄ·ÑÁ˶àÉÙÐÄѪ£¬Ï ......
ÎÄ×Ö×Ô¶¯Ê¹ÓÃÑùʽ
.inputText{
border:1px solid #7898b8;
height:20px;
padding-left:2px;
line-height:20px;
background-image:url(images\\inputtext_bg.gif);
background-repeat:repeat-x;
color:#339900;
}
.inputTextÊÇ ×ÖÌå×Ô¶¯ÉèÖÃÑùʽµÄÃû³Æ
¸÷Öֿؼþ×Ô¶¯Ì×ÓÃÑùʽ
±ÈÈçtable,td
table{border-colla ......