如何用CSS将selectoption文本居中或居右对齐

html-css019

如何用CSS将selectoption文本居中或居右对齐,第1张

这里有一些临时的解决方案

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>

写成CSS的话则为:

select {

direction: rtl

}

<select style="width: 200pxheight:22pxline-height:18pxpadding:2px 0" name="application">

可以尝试用行高加内边距的方法来设置.