css⼩技巧:select的css控制
select控件⽤CSS不太好管!
在style⾥写上 width:??px;这个可以实现.
div border属性height:??px; 这个就实现不了. 只能通过调整⾥⾯字体的⼤⼩来改变⾼度.
background可以实现,但⽤背景图就不⾏了.
select的border是默认的蓝⾊, CSS⽤border属性是改变不了的. 只有通过伪装的⽅法才能让边框改变,下⾯详细介绍⼀下:
思路:先建⼀个带有预想边框的层, 在⾥⾯放上select,其中select的尺⼨要⽐div稍微⼤⼀点,让超出层的内容隐藏从⽽遮盖住select⾃带的边框. <div >
<select name="select" name="select">
<option value="1">普通会员</option>
<option value="2">⼆级分会或地⽅分会</option>
<option value="3">协会</option>
</select>
</div>
⽤这种⽅法即可以让select没有边框,也可以改变边框. 但这只限于select的list状态. 当显⽰成multiple状态的时候,在IE⾥都会有⼀框深限的痕迹,在FF⾥没有! ⼩样⼉,真不好控制!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论