将选择框中的选项对齐到左侧，其中选择样式为'方向：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;将选项框中的文字左对齐，如果您正在寻找其他内容，请告诉我，因为您的问题不是很清楚

Demo

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

  

注意：您尚未关闭name属性 - ＆gt; name="subjectArea"