app页面用css 的direction 属性解决select 下拉框右对齐

Posted zhoupan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了app页面用css 的direction 属性解决select 下拉框右对齐相关的知识,希望对你有一定的参考价值。

direction 属性规定文本的方向 / 书写方向。

select标签

<div class="mui-input-row mir">
   <label style="margin-left: 5px;">部门</label>
   <select dir="rtl" id="dept" style="width:50%; height: 30px;">
   </select>
</div>

select的样式

#dept{
    direction: rtl;
}

#dept option{
    direction: ltr;
}

 

以上是关于app页面用css 的direction 属性解决select 下拉框右对齐的主要内容,如果未能解决你的问题,请参考以下文章

CSS文本方向direction和unicode-bidi的定义和使用

用CSS写一个简单的幻灯片效果页面

在css中哪个属性会影响dom读取文档流的顺序.direction,writing-mode

flex-direction css3属性设定弹性盒子模型子元素反向排列

angular directive scope

第二节 弹性盒子( justify-content属性align-items属性flex-direction属性flex-wrap属性)