如何在左侧添加选择框箭头

时间:2014-11-04 06:32:01

标签: javascript jquery html css

我无法在选择框中添加箭头我只使用css代码并找到其他脚本但无法在选择框左侧添加箭头

enter image description here

任何人的帮助都非常感谢。

3 个答案:

答案 0 :(得分:4)

使用选择框的css中的direction属性。 direction属性指定文本方向/书写方向。

select { direction: rtl; }

它的默认值为ltr,因此将其更改为rtl。它会将你的箭头移到左边。

答案 1 :(得分:0)

我建议使用Uniform JS。这与网站集成非常简单。您可以灵活地更改选择框。

网址:http://uniformjs.com/

您唯一需要做的就是,您需要根据需要更改背景图像。 http://uniformjs.com/images/sprite-aristo.png

答案 2 :(得分:0)

我只使用了css来仅移动左侧的箭头:

select{
  direction: rtl;
}
select option{
  direction:ltr;
}

通过这种方式,该选项仍保留在ltr文本中。