Css 将引导选择器字段的标题向右对齐

我已经使用创建了一个

select

字段

我想将“选择”字段及其选项向右对齐，但到目前为止，我只对齐了选项，而没有对齐其标题或所选选项：

如上图所示，只有选项与右侧对齐，而字段的标题不对齐

即使在我选择了一个选项之后，标题仍然向左对齐，而不是向右对齐

这是我用来创建此

select

字段的代码：

<select class="selectpicker" data-style="select-with-transition" title="Select One" dir="rtl">
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c">C</option>
</select>

A.
B
C

---

如何将

选择

字段的标题向右对齐？

因此我找到了解决方法，在

标题

属性中使用HTML标记，并使用

数据内容

属性，如下所示：

<select class="selectpicker" data-style="select-with-transition" title="<p style='text-align: right; margin-right: 30px;'>Select One</p>" dir="rtl">
    <option data-content="<p style='text-align: right; margin-right: 30px;'>A</p>" value="a">A</option>
    <option data-content="<p style='text-align: right; margin-right: 30px;'>B</p>" value="b">B</option>
    <option data-content="<p style='text-align: right; margin-right: 30px;'>C</p>" value="c">C</option>
</select>

A.
B
C

这是否回答了您的问题@普拉喀什竞技场不，我已经试过了，但是标题仍然是左对齐的。你能提供像codpen这样的在线片段吗？这样，我可以检查问题出在哪里