可以为 IE9 使用 :target 选择器。在您的示例中，您将 div.button 替换为 a.button：

   <a href="#basket-container" class="button">Shopping Basket</a>

将锚点添加到 div.basket-container：

<div class="basket-container" id="basket-container">
...
</div>

然后使用 :target 选择器打开下拉菜单：

.head-basket .basket-container:target {
    background: #fff;
    display: block;
}

http://jsfiddle.net/HssXt/10/

http://www.quirksmode.org/css/contents.html#t316

不过，您将需要一些额外的关闭按钮来从该目标中删除哈希。而且在这种情况下，IE8 及以下版本仍然没有任何解决方案。

所以这是不可避免的。您要么使用 JS 添加一些“活动”类，要么将 select 替换为文本输入。

要考虑的另一件事是完全从下拉列表中删除该选择输入。对我来说，改变购物车下拉列表中的数量似乎是一个非常罕见的用例。无论如何，该功能都将出现在结帐页面上（会吗？），因此您可以简化界面并同时解决问题。