包圍列表項的邊框，包括列表樣式類型

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;}