2

这是我的 HTML：

<SELECT> 
    <OPTION selected value=1>Date</OPTION> 
    <OPTION value=2>Instrument ID</OPTION> 
    <OPTION value=3>Efile ID</OPTION>
</SELECT>

这是我的CSS：

select
{
    border: 1px solid #CCCCCC;
    font-size: 16px;
    padding: 5px;
    font-family: "open sans", "Lucida Grande", Tahoma, Verdana, 
                  Arial, sans-serif;
}

谁能告诉我为什么选择填充在 IE7 中不起作用？它似乎也适用于 IE8、9、FFX 11 及更高版本以及 Chrome。

4

2 回答 2

0

你需要给一个DOCTYPE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

而且，给这个CSS：

select {display: inline; zoom: 1;}

另一种选择是使用jNice。

另一个想法：

select用给它来包装它label并设置它的样式。labelborder

于 2012-12-24T09:25:30.333 回答
0

尝试这个

select
{
    border: 1px solid #CCCCCC;
    font-size: 16px;
    padding: 5px !important;
    font-family: "open sans", "Lucida Grande", Tahoma, Verdana, 
                  Arial, sans-serif;
}
于 2012-12-24T10:27:46.147 回答