CSS的Dropdown在Chrome和IE中无法正常工作

Question

我为HTML下拉元素编码了一种样式，它在FF和Safari上效果很好，但在Chrome和IE上却没有。

在这里我附上了图片和样式代码：

在此处输入图片说明

.select_box {
    background-color: transparent;
    background-image: url(images/input_smal.png);
    background-repeat: no-repeat;
    border: none;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    height: 33px;
    padding: 6px 15px 5px;
    width: 292px;
}

HTML代码是：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Muhammad Sajid</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <table width="100%" border="0" align="left" cellpadding="0" cellspacing="15">
        <tr>
            <td nowrap="nowrap">Status</td>
            <td><select class="select_box" id="status" name="status">
                    <option >Open</option>
                    <option >Pending</option>
                    <option >In Progress</option>
                    <option  selected="selected">Closed</option>
                </select>
            </td>
        </tr>
    </table>
</body>
</html>

我确定由于以下原因引起的问题： background-color和or background-image属性，但是我无法修复它们。

Answer 1

我认为您在Google Chrome浏览器中的问题与2.0版中的错误有关，但在3.0版中已解决。 在这里，您可以找到有关此问题的主题，以及指向错误的链接：

为什么将html中的html select background-color设置为透明时会变黑？

关于IE，您使用的是IE 7或更低版本吗？ 如果是这样，则不支持transparent背景。 您应将与父级相同的背景色专门应用于IE7及更低版本（例如使用hack）。

CSS的Dropdown在Chrome和IE中无法正常工作

问题描述

1 个解决方案

解决方案1
0 已采纳 2012-01-18 08:52:51

CSS的Dropdown在Chrome和IE中无法正常工作

问题描述

1 个解决方案

解决方案1 0 已采纳 2012-01-18 08:52:51

解决方案1
0 已采纳 2012-01-18 08:52:51