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

Question

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

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

Answer 1

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

select { direction: rtl; }

它的默认值是 ltr，因此将其更改为 rtl。 它会将您的箭头向左移动。

Answer 2

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

网址： http : //uniformjs.com/

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

Answer 3

为了只移动左侧的箭头，我只使用了 css：

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

这样，选项仍然保留在 ltr 文本中。