CSS list-style-image ÊôÐÔ

ʵÀý

°ÑͼÏñÉèÖÃΪÁбíÖеÄÏîÄ¿±ê¼Ç£º

ul
  {
  list-style-image:url("/i/arrow.gif");
  list-style-type:square;
  }

Ç××ÔÊÔÒ»ÊÔ

ä¯ÀÀÆ÷Ö§³Ö

IE Firefox Chrome Safari Opera

ËùÓÐä¯ÀÀÆ÷¶¼Ö§³Ö list-style-image ÊôÐÔ¡£

×¢ÊÍ£ºÈκεİ汾µÄ Internet Explorer £¨°üÀ¨ IE8£©¶¼²»Ö§³ÖÊôÐÔÖµ "inherit"¡£

¶¨ÒåºÍÓ÷¨

list-style-image ÊôÐÔʹÓÃͼÏñÀ´Ìæ»»ÁбíÏîµÄ±ê¼Ç¡£

˵Ã÷

Õâ¸öÊôÐÔÖ¸¶¨×÷Ϊһ¸öÓÐÐò»òÎÞÐòÁбíÏî±êÖ¾µÄͼÏñ¡£Í¼ÏñÏà¶ÔÓÚÁбíÏîÄÚÈݵķÅÖÃλÖÃͨ³£Ê¹Óà list-style-position ÊôÐÔ¿ØÖÆ¡£

×¢ÊÍ£ºÇëʼÖչ涨һ¸ö "list-style-type" ÊôÐÔÒÔ·ÀͼÏñ²»¿ÉÓá£

ĬÈÏÖµ£º none
¼Ì³ÐÐÔ£º yes
°æ±¾£º CSS1
JavaScript Óï·¨£º object.style.listStyleImage="url('/images/blueball.gif')"

¿ÉÄܵÄÖµ

Öµ ÃèÊö
URL ͼÏñµÄ·¾¶¡£
none ĬÈÏ¡£ÎÞͼÐα»ÏÔʾ¡£
inherit ¹æ¶¨Ó¦¸Ã´Ó¸¸ÔªËؼ̳Рlist-style-image ÊôÐÔµÄÖµ¡£

TIY ʵÀý

½«Í¼Ïñ×÷ΪÁбíÏî±ê¼Ç
±¾ÀýÑÝʾÈçºÎ½«Í¼Ïñ×÷ΪÁбíÏî±ê¼Ç¡£

Ïà¹ØÒ³Ãæ

CSS ½Ì³Ì£ºCSS Áбí

CSS ²Î¿¼Êֲ᣺CSS list-style ÊôÐÔ

HTML DOM ²Î¿¼Êֲ᣺listStyleImage ÊôÐÔ

VUE