css弹出层样式,css弹框样式

怎样改变select弹出层的css样式

select的基本样式不好改变，以下例子仅供参考：

style type="text/css"

.select{

border:1px #7F9DB9 solid;

float: left;

display: inline;

margin-right:6px;

}

.select div{

border:0px #7F9DB9 solid;

float: left;

}

.selectdiv{

width:30px;

height: 17px;overflow:hidden;

/*clip:rect(0px 100px,17px,0px);*/

}

html代码：

select name="select"

option我是中国人/option

option我是河南人/option

option我是安阳人/option

/select

相关问答

Q1: 移动弹出层css样式消失怎么办

如果是做弹出的层 ，CSS样式消失了 检查 你弹出的JS是否调用

还有就是 css 的相对和绝对 定义是否合理

信息不明确，不好具体 回答！

Q2: css样式弹出层在不同浏览器下显示位置不同

在tooltip样式中加入 display；block属性！显示正常！.tooltip{display:block;position:relative; /*这个是关键*/ z-index:2; }

css代码如下

style type="text/css"

/*Tooltips*/

.tooltips{ display:block;position:relative; /*这个是关键*/ z-index:2; }

.tooltips:hover{ z-index:3; background:none; /*没有这个在IE中不可用*/ }

.tooltips span{ display: none; }

.tooltips:hover span{

/*span 标签仅在 :hover 状态时显示*/

display:block;

position:absolute;

top:2px;

left:1px;

width:220px;

border:1px solid black;

background-color:#FFFFFF;

padding: 3px;

color:black;

}

/style

希望能帮到您，谢谢！