select的css样式怎么设置

2012-02-17

select的css样式如何设置html中select的高度与边框颜色如何设置在css中设置height,line-height,padding在i

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

[解决办法]

HTML code

<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>
[解决办法]
探讨

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

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

热点排行

CSS

select的css样式怎么设置