ChromeとIEでドロップダウン用CSSが正常に動作しない

HTMLドロップダウン要素のスタイルをコードします.FFFやSafariでは優れていますが、ChromeやIEでは優れていません。ここでChromeとIEでドロップダウン用CSSが正常に動作しない

私がイメージとスタイルのコードを添付：

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>

私は問題が起因して発生すると確信しています： 背景色とまたは背景画像のプロパティを修正できませんでした。

出典

2012-01-18 PHP Ferrari

また、HTMLコードを押してください – sandeep

また、HTMLコードも貼り付けています。 –

ウォンテッドバイトは次のように記述できます。あなたの問題を解決しますが、私は通常背景画像を使用するときに色を残します。 'background：url（images/input_smal.png）no-repeat 0 0;' – Dementic

Google Chromeの問題は、バージョン2.0のバグと関係していると思いますが、3.0で解決されました。 IEについて

Why is the html select background-color black in Chrome when set to transparent?

、あなたはIE 7以下を使用している：ここでは、バグへのリンクがこのことについて話題がありますか？その場合、transparent背景はサポートされていません。 IE7以下では、親と同じ背景色を特に適用する必要があります（例えば、ハックで）。

出典

2012-01-18 08:52:51

Chromeを使用しています：16.0.912.75 m –

IE用に修正済み –

ChromeとIEでドロップダウン用CSSが正常に動作しない

答えて

関連する問題