通过有序列表CSS/HTML中的数字敲击

Question

我有一个HTML有序列表,我需要应用删除线.我在CSS中做了这个,如下所示:

.Lower-Alpha {
  list-style: lower-alpha;
  margin-top: 2pt;
  margin-bottom: 2pt;
  text-decoration: line-through;
}

我遇到的问题是,这会打击列表中的内容,而不是列表的数量(我需要同时执行这两项操作).

我得到了:a.~~突破内容~~

但我需要: ~~a.突破内容~~

欢迎任何建议.干杯

Answer 1

非常简单: list-style-position: inside;

编辑:它看起来像是依赖于浏览器的行为.在mozilla它呈现好.

edit2:为了完整的浏览器兼容性你可以使用这个js脚本:http://jsfiddle.net/seler/32ECB/