0

IE8、9、および 10 では、select 要素は添付の図のようになります。ドロップダウン矢印は、多かれ少なかれマウスのように見えるものに置き換えられます。

Firefox と Chrome では、下向き矢印が付いた標準のドロップダウンのように見えます。

選択を変更するためにCSSで何かをした場所はどこにもありません。

助言がありますか?

  <td>
    <select id='allocated' name='alloc' onchange='allocChange()'>
    <option value='??' selected='selected'>??</option>
    <option value='1A' >1A</option>
    <option value='1B' >1B</option>
    <option value='1C' >1C</option>
    <option value='2A' >2A</option>
    <option value='2B' >2B</option>
    <option value='3A' >3A</option>
    </select>
  </td>

CSS は要因ではありません - スタイルシートが読み込まれていない場合でも同じことが起こります

ここに画像の説明を入力

4

1 に答える 1

0

それはデフォルトであるかもしれません..しかし、cssを使用して矢印を変更できます

.styleSelect select {
background: transparent;
width: 168px;
padding: 5px;
font-size: 16px;
line-height: 1;
border: 0;
border-radius: 0;
height: 34px;
-webkit-appearance: none;
color: #000;
}

.styleSelect {
width: 140px;
height: 34px;
overflow: hidden;
background: url("images/downArrow.png") no-repeat right #fff;
border: 2px solid #000;
}
于 2013-04-09T08:36:40.707 に答える