html - 填充选择不在IE7中工作 - Thinbug

填充选择不在IE7中工作

时间：2012-12-24 09:21:09

标签： html css internet-explorer-7

这是我的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中工作。

2 个答案:

答案 0 :(得分：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并为label添加border样式。

答案 1 :(得分：0)

试试这个

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