使用 IE 时无法在表单的文本字段中输入文本
cannot enter text into the text fields on a form when using IE
在网站上使用 IE 时,无法在文本字段中键入内容,这两个文本区域工作正常。有人可以访问此站点并查看 'view source' 并告诉我为什么在使用 IE 时无法在文本字段中键入内容吗?我真的很难解决这个问题
文本在那里,只是隐藏了。我通过在其中写一些东西然后 shift + 向左箭头突出显示任何内容(如果其中有任何内容)并将其复制出来来证明这一点。成功了。
就问题而言,它似乎已 link 调整为填充大小。 16 像素,最大高度为 28 像素。 16x2(顶部和底部)为 32,诸如此类的东西不会为字体留出太多空间;)。现在至于为什么 Chrome 足够聪明,可以使用 32px 和 0 高度的元素并使其显示文本,我不知道,据说它更好。现在请所有聪明的人解释 IE 和 Chrome 如何处理这些问题的复杂性(或者 link 一些已经有启发性的帖子)。顺便说一句,如果没有修复,它在 Firefox 中也无法工作。
无论如何,下面的 CSS 就是问题所在。您的 style.css 的第 3773 和 675 行。将 padding 更改为 5px 之类的值会使它成为 10px + 18px 字体大小,正好在 28px 最大高度上。哦,我对 WP 一无所知,所以不知道 CSS 文件生成的原因、方式、时间、谁或其他任何东西,但假设你现在可以修改它以使其工作。
input, select, textarea {
background-color: #fff;
border: 1px solid #ddd;
color: #333;
font-size: 18px;
font-weight: 300;
padding: 5px;
width: 100%;
max-width: 500px;
max-height: 28px;
}
在网站上使用 IE 时,无法在文本字段中键入内容,这两个文本区域工作正常。有人可以访问此站点并查看 'view source' 并告诉我为什么在使用 IE 时无法在文本字段中键入内容吗?我真的很难解决这个问题
文本在那里,只是隐藏了。我通过在其中写一些东西然后 shift + 向左箭头突出显示任何内容(如果其中有任何内容)并将其复制出来来证明这一点。成功了。
就问题而言,它似乎已 link 调整为填充大小。 16 像素,最大高度为 28 像素。 16x2(顶部和底部)为 32,诸如此类的东西不会为字体留出太多空间;)。现在至于为什么 Chrome 足够聪明,可以使用 32px 和 0 高度的元素并使其显示文本,我不知道,据说它更好。现在请所有聪明的人解释 IE 和 Chrome 如何处理这些问题的复杂性(或者 link 一些已经有启发性的帖子)。顺便说一句,如果没有修复,它在 Firefox 中也无法工作。
无论如何,下面的 CSS 就是问题所在。您的 style.css 的第 3773 和 675 行。将 padding 更改为 5px 之类的值会使它成为 10px + 18px 字体大小,正好在 28px 最大高度上。哦,我对 WP 一无所知,所以不知道 CSS 文件生成的原因、方式、时间、谁或其他任何东西,但假设你现在可以修改它以使其工作。
input, select, textarea {
background-color: #fff;
border: 1px solid #ddd;
color: #333;
font-size: 18px;
font-weight: 300;
padding: 5px;
width: 100%;
max-width: 500px;
max-height: 28px;
}