1) 简单点的使用padding使其“看上去”对齐。
比如： 这里比较适合宽度固定的场合，只要padding合适，效果还是不错的。
select {
padding: 0 0 0 20px
2） 使用一些UI库实现
比如jQueryUI
优点是可以解决select控制在各个浏览器界面不一致的问题。
3） 居右对齐： 可以使用rtl属性来来控制，
<select dir="rtl">
<option>Foo</option>
<option>bar</option>
<option>to the right</option>
</select>
4）写成CSS的话则为：
select {
direction: rtl
}
分类: 电脑/网络 >>程序设计 >>其他编程语言问题描述:
就像文本输入框<input>样式改变一样 我要改变的是<select><option></option></select>标签下拉框的样式 另外补充一点 我不要作成模拟下拉框 不要看且麻烦（除非你有很简单的模拟下拉框~HOHO~）谢谢大家！对不起，上次我问错了地方，现在只有这6分了
解析:
例一：
＜select name=select size="1" class="page_speeder_1165166956"＞
＜option value="2" selected＞yesky＜/option＞
＜option value="1"＞redidea＜/option＞
＜/select＞
查一下手册,还有好多项可以设置.
例二：
<>
<head>
<style>
.box
{
border: 1px solid #C0C0C0
width: 182px
height: 20px
clip: rect( 0px, 181px, 20px, 0px )
overflow: hidden
}
.box2
{
border: 1px solid #F4F4F4
width: 180px
height: 18px
clip: rect( 0px, 179px, 18px, 0px )
overflow: hidden
}
select
{
position: relative
left: -2px
top: -2px
width: 183px
line-height: 14pxcolor: #909993
border-style: none
border-width: 0px
}
</style>
</head>
<body>
<div class = box><div class = box2>
<select size = "1" name = "D1">
<option>内容一</option>
<option>内容二</option>
</select>
</div></div>
</body>
</>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）