- 浏览: 8445 次
- 性别:
- 来自: 南京
最新评论
-
hongxingxu101:
请问IE6、7怎么办???IE8的解决了~~~
IE8显示select多选时,无边框解决方案
文章列表
网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线的宽)
网页可见区域高:document.body.offsetHeight (包括边线的宽)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高:document.body.scrollTop
网页被卷去的左:document.body.scrollLe ...
在项目中需要支持IE8,在select为multiple(多选)时,边框不给显示了。查了下网上的资料。解决方案如下:
1.select使用div包围,给div用css加个边框。
2.加入标签<meta http-equiv='X-UA-Compatible' content='IE=8'>。传送门:http://haacked.com/archive/2008/10/14/interesting-browser-bug-with-css-border-and-the-select-element.aspx
方法2明天上班试试。
select控件用CSS不太好管!
在style里写上 width:??px;这个可以实现.
height:??px; 这个就实现不了. 只能通过调整里面字体的大小来改变高度.
background可以实现,但用背景图就不行了.
select的border是默认的蓝色, CSS用border属性是改变不了的. 只有通过伪装的方法才能让边框改变,下面详细介绍一下:
思路:先建一个带有预想边框的层, 在里面放上select,其中select的尺寸要比div稍微大一点,让超出层的内容隐藏从而遮盖住select自带的边框.
<div style="b ...