IE7的IE7 CSS

Question

我正在尝试在IE7中设计禁用的选择框。

<div id="wwctrl_pay" class="wwctrl styled-select">
     <select id="payment"><option>...</option></select>
</div>

如果停用选择框，如何更改#wwctrl_pay的CSS？ 我可以使用CSS吗？

Answer 1

最佳选择是禁用选择框，添加新类并在该类中添加样式。

Answer 2

如果您不介意一些额外的标记和其他限制：

http://jsfiddle.net/s6LbB/1/

<div id="wwctrl_pay" class="wwctrl styled-select">
     <select id="payment" disabled="disabled"></select>
     <div></div>
</div>

CSS：

.wwctrl {
    position: relative;
    border: 1px solid blue;
}

select[disabled] + div {
    position: absolute;
    z-index: -1;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: yellow;
}
​

另外，如果这仅适用于IE7，则可以尝试使用IE专有的CSS表达式功能。