gpt4 book ai didi

html - 文本框内的填充在 Internet Explorer 中无法正确显示

转载 作者:行者123 更新时间:2023-11-28 14:16:27 26 4
gpt4 key购买 nike

我有一个页面 --- 链接已删除 ---

您可以在 FF 和 IE 中查看(我有 IE 9)。在其中您可以看到右上角的搜索框有一个填充(左:32px 和右:72px)。填充在 FF 和 Chrome 中可以正常工作,但在 IE 中不能。

可能是什么原因。

搜索框代码-

<form action="">
<input type="text" name="search" id="search" />
<input type="submit" id="button" value="" />
</form>

CSS:

#search {
background:url(images/searchlens.jpg) no-repeat 0 0;
float:right;
width: 286px;
height:40px;
border:none;
padding-left: 32px;
padding-right:72px;
}

最佳答案

我认为您的意思是当框中有足够的文本时,不会应用右侧填充,并且随着输入更多文本,甚至左侧填充也会消失。这可以在以下简单文档中观察到:

<!doctype html>
<title>input padding</title>
<style>
#search {
padding-left: 32px;
padding-right: 72px;
width: 286px;
}
</style>
<input id=search value=
"Hello cruel world of Internet Explorer, why don't I get padded as specified?">

如果在框中输入更多字符,即使是左边的填充也会消失。

似乎没有什么好的解决办法来解决这个问题。在回答问题 padding a text input in IE… possible? ,已经提出了一些修复建议,它们可能在某些情况下有所帮助,但对我的测试没有帮助。

所以我建议通过将 input 元素包装在 div 元素中并在 div 元素上设置背景和填充来规避这个问题, 因此其中的 input 框大部分没有样式,所有滚动都在其中进行。

关于html - 文本框内的填充在 Internet Explorer 中无法正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9017639/

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