字段上的文本缩进-6ren"> 字段上的文本缩进-是否可以让 IE7 和 IE8 尊重输入字段上的文本缩进 css 属性? 这是我的代码 当您第一次在 IE8 中加载页面时,文本没有缩进。您可以通过关注文本字段并在其中键入-6ren">
gpt4 book ai didi

IE7 和 IE8 中的 CSS 问题 - <input type ="text"> 字段上的文本缩进

转载 作者:技术小花猫 更新时间:2023-10-29 11:07:55 25 4
gpt4 key购买 nike

是否可以让 IE7 和 IE8 尊重输入字段上的文本缩进 css 属性?

这是我的代码

<!DOCTYPE html>
<html>
<body>
<input type="text" style="text-indent:100px; display:block;" value="Test indent" />
</body>
</html>

当您第一次在 IE8 中加载页面时,文本没有缩进。您可以通过关注文本字段并在其中键入内容(即触发 onchange 事件)来“激活”文本缩进属性。

如何让 IE7 和 IE8 在页面加载时而不是在 input.onchange 事件中尊重输入文本元素的文本缩进?

最佳答案

在正常情况下,输入标签文本缩进在 ie6 和 ie7 中不起作用如果我们添加 lineheight:1px 它将适用于所有浏览器

文本缩进适用于所有浏览器

<input type="text" style="text-indent:-100px; display:block; line-height:1px;" value="Test indent" />

文本缩进不适用于 ie7 和 ie6 浏览器

<input type="text" style="text-indent:-100px; display:block;" value="Test indent" />

演示

http://jsfiddle.net/KczMR/1/

关于IE7 和 IE8 中的 CSS 问题 - &lt;input type ="text"> 字段上的文本缩进,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5915287/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com