javascript - 如何为此目标更改 css 文件？

Question

我们正在用我们的语言波斯语制作此模板，即从右到左 (RTL)。 Template address

现在，所有部分都是 RTL，除了向右侧打开的子菜单，

问题:this css file 应该做哪些修改？模板的宽度，以便子菜单宽度与其菜单宽度相同？或者:如何让子菜单在左侧打开？

请注意，我不是在谈论子菜单中的文本(如您在图片中看到的，文本现在是 rtl)

Answer 1

只是我的一个想法...

我怀疑你会调整这条线:

width: 140px; /*width of sub menus*/

以反射(reflect)更窄的宽度以满足您的需求。

如果您需要动态执行此操作，您可能需要使用 Javascript 做一些工作来检查正在应用的文本，然后将类引用调整为自定义类引用 ... 或者 ... 将新宽度应用到元素直接......一旦下拉条目被填充。