Html 在中编号为的按钮_Html_List_Button

Html 在中编号为的按钮

html list button

Html 在中编号为的按钮,html,list,button,Html,List,Button,我的代码是这样的 <ol> <li><button>Button</button></li> <li><button>Button</button></li> <li><button>Button</button></li> </ol> 有序的数字写在按钮之前，但我希望它们在按钮内部，而不是像我在

我的代码是这样的

  <ol>
    <li><button>Button</button></li>
    <li><button>Button</button></li>
    <li><button>Button</button></li>
  </ol>

有序的数字写在按钮之前，但我希望它们在按钮内部，而不是像我在按钮中那样手动写入

  <ol>
    <li><button>1. Button</button></li>
    <li><button>2. Button</button></li>
    <li><button>3. Button</button></li>
  </ol>

只需将

标签放入按钮内即可，但遗憾的是，它不起作用。在HTML/CSS中有没有解决方法？请不要用javascript。我知道如何使用js

代码笔链接

CSS计数器

ol{ 列表样式：无；计数器复位：olCounter； } 李{ 计数器增量：olCounter； } 李：以前{ 内容：计数器； } 按钮按钮按钮 CSS计数器

ol{ 列表样式：无；计数器复位：olCounter； } 李{ 计数器增量：olCounter； } 李：以前{ 内容：计数器； } 按钮按钮按钮