选择标签的选项右对齐

我要对齐的选择元素到右侧的选项的容器......默认是显示在控制左下角选项...选择标签的选项右对齐

所以我将如何表现选项对齐选择元素的右下角？

照顾......

2010-06-25 Jamal Abdul Nasir

因为你的问题是模糊的，你收到了许多不同的解决方案的方向。请重新提出你的问题。 – Tass 2013-10-11 13:17:54

而其他的答案是正确的，你可以使用style属性，你会更好使用外部CSS文件。

在你的HTML文件，添加一个<link>到你的CSS文件中的文件的<head>：

<head> 
    <title>Example</title> 
    <link type="text/css" rel="stylesheet" href="path/to/the/file.css" /> 
</head>

给你<select>（或<option>）元素的class属性。

<select class="JamalAbdulNasir"> 
    <option class="Jamal">Jamal</option> 
    <option class="Abdul">Abdul</option> 
    <option class="Nasir">Nasir</option> 
</select>

在样式表包括靶向<select>标签由class属性的CSS规则。

select.JamalAbdulNasir { 
    text-align:right; 
}

...或者你想成为<option>标签右对齐。

input.Abdul { 
    text-align:right; 
}

来源

2010-06-25 13:41:05

先生这也是好的...但我不想这个...我想要的是对齐整个容器选项的右上方到select元素的右下角。我希望你明白了.. – 2010-06-25 13:52:47

我完全不明白:( – 2010-06-25 13:57:41

我认为他想要的块（与选项）是花费在右边，但我认为这是一个浏览器问题。当你有一个很大的'select'并且它在你的屏幕的角落时，有时候会看到这个，你也会看到有时候这些项目被放置在select之上而不在它之下，但是这个问题不是很清楚，所以我可能会错误的:) – 2015-11-24 06:43:32

如果我明白你的问题：

<select style="text-align:right;"> 
<option >asd</option> 
<option>asdasd</option> 
<option>asdasd</option> 
<option>asdasd</option> 
</select>

来源

2010-06-25 13:18:52 GOsha

这会将当前选定的项目对齐到选择的右侧，但不会按照他的建议对齐选项。 – 2010-06-25 13:42:07

no no no ...我不是在说OPTIONS的文本..我说的是OPTIONS的容器...文字是OK .. – 2010-06-25 13:45:55

2 ILMV - 我在opera里试过这段代码。所有的选项都是正确的，不仅被选中。 P.S.>对不起，我的英语 – GOsha 2010-06-25 13:50:21

<option value="1" style="text-align: right;"> 
test?</option>

来源

2010-06-25 13:20:29 vertazzar

这不起作用 – 2010-06-25 13:41:34

不，不，我不是在谈论选项的文本..我说的是选项的容器...文本是好的... – 2010-06-25 13:43:21

@ILMV你对不起，我在想要说

选择标签的选项右对齐

回答