CSS для Dropdown не работает нормально в Chrome и IE - PullRequest
Новая
       8

CSS для Dropdown не работает нормально в Chrome и IE

0 голосов
/ 18 января 2012

Я пишу стиль для раскрывающегося элемента HTML, он отлично работает в FF и Safari, но не в Chrome и IE.

Здесь я прикрепил изображение и код стиля:

enter image description here

.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 и / или background-image , но я не смог их исправить ....!

1 Ответ

0 голосов
/ 18 января 2012

Я думаю, что ваша проблема в Google Chrome связана с ошибкой в ​​версии 2.0, но она решена в 3.0.Здесь у вас есть тема об этом со ссылкой на ошибки:

Почему HTML выбирает черный цвет фона в Chrome, когда установлен прозрачный?

О IEвы используете IE 7 или ниже?Если это так, transparent background не поддерживается в них.Вы должны применять тот же цвет фона, что и родительский, специально для IE7 и ниже (например, с помощью хака).

...