css - 将选择框中的选项向左对齐，其中选择样式为“direction:rtl”

Question

在我的 JSP 页面中，我有一个选择框

<select id="subjectArea" name="subjectArea" class="inputstyle">
    <option value="choose"><s:text name="global.generic_feed_target_choose" /></option>
    <option value="subjArea">Subject Area</option>
</select>

它的 CSS 是

select.inputstyle{
    width: 177px !important;
    height: 26px !important;
    margin-top: 5px !important;
    direction: rtl !important;
}

但问题是，选择框中的选项也是右对齐的。

我希望选项在左侧对齐。我怎样才能做到这一点？

Answer 1

你需要这样的东西吗？如果是text-align: left;，则将选项框中的文本向左对齐，如果您正在寻找其他内容，请告诉我，因为您的问题不是很清楚

演示

select.inputstyle{
    width: 177px !important;
    height: 26px !important;
    margin-top: 5px !important;
    direction: rtl !important;
    text-align: left;
}

注意：您没有关闭name属性->name="subjectArea"