select的css样式如何设置

liyuef123 2011-04-27 09:43:37

html中select的高度与边框颜色如何设置
在css中设置height,line-height,padding在ie6,ie7中都没用，边框的颜色设置也没用
请问要做才能改变select的高度和颜色我并不要改变字体大小，所以不要说用font-size来改变高度

...全文

16669 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

yellew 2012-12-30

打赏
举报

选择框框的代码怎么写，里面的框框调大

hgj98373 2012-06-21

打赏
举报

把字体设大一点就可以改大高度，我已实现了

qinglinglaoren 2011-12-13

打赏
举报

给你一个我分享的用div模拟的select。
http://download.csdn.net/detail/qinglinglaoren/3882693

sunwenjunnet 2011-12-13

打赏
举报

[Quote=引用 1 楼 yingying901029 的回复:]

先建一个带有预想边框的层, 在里面放上select,其中select的尺寸要比div稍微大一点,让超出层的内容隐藏从而遮盖住select自带的边框.
<div style="border:solid 1px #ffcc00; width:100px; height:20px;overflow:hidden;">
<select name="select" style="……
[/Quote]

如果再select样式里加一个float:left;的话，效果会更好哦~~~~

sunwenjunnet 2011-12-13

打赏
举报

我靠，牛叉。。。
这么隐蔽的方法嘎。。。

yix0905 2011-09-19

打赏
举报

非常感谢，问题得到解决！

CaiKanXP 2011-04-27

打赏
举报

select控件太特殊，不同浏览器中效果也有差异，不好控制。
如果希望精细控制，可以自己写div+js模拟select功能。

liyuef123 2011-04-27

打赏
举报

我想要的是这种效果 http://changsha.koubei.com/fang这里面的选择区域下面的下拉菜单这样的效果

liyuef123 2011-04-27

打赏
举报

楼上的我也试了不能改变select的高度啊
还有select的边框颜色，鼠标放上去的时候就又变回来了啊

ycproc 2011-04-27

打赏
举报





<style type="text/css">

<!--

.select * {

margin: 0;

padding: 0;

}

.select {

border:1px solid #cccccc;

float: left;

display: inline;

}



.select div {

border:1px solid #f9f9f9;

float: left;

}

/* 子选择器，在FF等非IE浏览器中识别 */

.select>div {

width:120px;

height: 17px;

overflow:hidden;

}



/* 通配选择符，只在IE浏览器中识别 */

* html .select div select {

display:block;

float: left;

margin: -2px;

}

.select div>select {

display:block;

width:124px;

float:none;

margin: -2px;

padding: 0px;

}

.select:hover {

border:1px solid #666666; //鼠标移上的效果 

}

.select select>option {

text-indent: 2px; //option在FF等非IE浏览器缩进2px

}

-->

</style>



</head>

<body><div class="select">

<div>

<select>

<option>看见效果了吧</option>

<option>看见效果了吧</option>

<option>看见效果了吧</option>

</select>

</div>

</div>

liyuef123 2011-04-27

打赏
举报

兄弟 select设置height:25px; 在ie6与ie7中是无效的啊
我要怎样才能设置select的高度呢？

yingying901029 2011-04-27

打赏
举报

先建一个带有预想边框的层, 在里面放上select,其中select的尺寸要比div稍微大一点,让超出层的内容隐藏从而遮盖住select自带的边框.
<div style="border:solid 1px #ffcc00; width:100px; height:20px;overflow:hidden;">
<select name="select" style="width:105px; height:25px; margin-left:-1px; margin-top:-1px;" name="select" >
<option value="1">普通会员</option>
<option value="2">二级分会或地方分会</option>
<option value="3">协会</option>
</select>
</div>