包围列表项的边框，包括列表样式类型

Question

当我悬停一个列表项时，我想要一个围绕整个区域的边框，包括列表样式类型：square;目前我的边框只能包含列表项中的文字...

感谢您的帮助。

Answer 1

把列表项内的子弹与list-style-position：

ul li{ 
    padding-left:3px; 
    list-style-position:inside; 
    border:1px solid transparent; 
} 
ul li:hover{ 
    border-color:#F00; 
} 

JSFiddle

Answer 2

li:hover { border: 2px solid blue; 
      list-style-type: square; 
      list-style-position: inside; } 

Answer 3

li:hover{ 
    border:1px solid grey; 
    list-style-position:inside; 
} 

FIDDLE

Updated Fiddle...

Answer 4

边境列表样式类型

ul li{list-style-position:inside;border:2px solid red;} 

无边框列表样式类型

ul li{list-style-position:outside;border:2px solid red;}