html - dir ="rtl"IE7 输入字段改变焦点位置

标签 html css internet-explorer right-to-left dir

我需要将现有布局转换为从右到左以适应不同的语言,例如阿拉伯语、希伯来语等,我在 IE7 上遇到了问题 - 想象一下。我用这个很棒的工具来转换 css,https://github.com/ded/R2 ,效果很好。但是,当在 IE7 中呈现布局时,为任何输入元素提供焦点会导致该元素将自身重新定位到屏幕的另一侧,即向左约 540 像素。

布局的 ltr 版本在一个 200 像素的容器 div 中有一个表单元素,它位于主要内容区域的左侧,这是一种基本的分栏布局。 rtl 版本是镜像,即 200px 表单容器位于主要内容区域的右侧。

两列和主容器是加载到基本 html 页面上的父容器中的模板,即侧边栏和主要内容区域模板有 div。我注意到在单击时将这些父容器移动到放置重新定位的输入元素的位置周围。这些父元素默认为其父元素的宽度,即 870px,看起来输入元素将自身重新定位到这些元素的左内边框。我尝试更改这些父容器的宽度,但没有任何效果,有什么想法吗?

谢谢,

J

最佳答案

通过将父容器的 dir 属性设置为 ltr,然后将元素输入到 rtl 来修复此问题。

关于html - dir ="rtl"IE7 输入字段改变焦点位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18647653/

相关文章:

javascript - 在IE浏览器中,React.Js JavaScript代码只有在打开开发者工具后才能正常工作

html - 表格延伸过去的容器

html - 溢出在此代码中不起作用

javascript - 在 IE8 中将 window.onbeforeunload 设置为 undefined 会导致“not implemented 错误

javascript - 通过文本文件在 Html <marquee> 标签中填充文本

javascript - Accordion 显示以查找下一个 div

internet-explorer - VBA - IE GetElementByID 不工作

html - 如何将表格的高度设置为屏幕的大小?

html - Autoprefiximg 语义 UI

javascript - 单击 chart.js 中的按钮时更改数据