使用CSS将下拉选项显示为按钮

Question

说我有以下HTML：

<select>
    <option>Item A</option>
    <option>Item B</option>
    <option>Item C</option>
</select>

显然，这将呈现包含三个项目的下拉列表。我希望这些选项显示为按钮，而不是下拉列表 - 所以它看起来像HTML一样：

<button>Item A</button>
<button>Item B</button>
<button>Item B</button>

但是，我不想更改HTML以实现此目的。如何使用这个下拉选择器显示为一列按钮，仅使用CSS？

注意：解决方案需要在Internet Explorer 8中运行

Answer 1

使用以下编码：

<div><button>Item A</button></div>
<div><button>Item B</button></div>
<div><button>Item B</button></div>

你可以使用CSS样式

<style>
button{display:block;}    
</style>