相关疑难解决方法(0)

<select> 和 <option> 的 CSS 背景图像问题

超文本标记语言

<select data-val="true"  id="GameID" >
   <option value="">Select Game...</option>
   <option value="4">Counter Strike Source</option>
   <option value="5">Medal Of Honor</option>
   <option value="6">NFS Shift</option>
</select>
Run Code Online (Sandbox Code Playgroud)

CSS

select
{
    color: #fff;
    background: url(/img/backgrounds/tab-hover-background.png) rgba(0,0,0,0); 
    border: 1px solid #8093BE;
    width: 242px;
    height: 20px;   
}

option
{
    background: url(/img/backgrounds/tab-hover-background.png) rgba(0,0,0,0); 
}
Run Code Online (Sandbox Code Playgroud)
  • 在 Firefox 中它工作正常,
  • 在 Opera 中,它仅适用于选择,但不适用于选项
  • 在 IE 9.0 和 Chrome 中,它有一个奇怪的行为
    我希望所有浏览器都像 Firefox 一样显示

是一个来源

html css html-select cross-browser

6
推荐指数
1
解决办法
4万
查看次数

标签 统计

cross-browser ×1

css ×1

html ×1

html-select ×1