使用IE时,无法在表单上的文本字段中输入文本

时间:2015-05-20 08:41:39

标签: custom-post-type custom-taxonomy

当在网站上并使用IE时,无法输入文本字段,两个textareas正常工作。请有人访问此网站并查看“查看来源”#39;并告诉我为什么在使用IE时无法输入文本字段?我真的很难解决这个问题

1 个答案:

答案 0 :(得分:0)

文本就在那里,只是隐藏了。我通过在那里写东西证明这一点,然后移动+左箭头突出显示任何东西(如果有什么东西在那里)并将其复制出来。它奏效了。

就问题而言,它似乎与填充大小有关。 16px,最大高度为28px。 16x2(顶部和底部)为32,并且没有为字体留下太多空间;)。现在,为什么Chrome足够聪明,可以使用32px和0高度元素并使其显示文字,我不知道,据说它只是更好。现在提示所有聪明的人,这将解释IE和Chrome如何处理这些问题的复杂性(或者将链接一些已经很有启发性的帖子)。通过它,它没有在没有修复的情况下在Firefox中工作。

无论如何,下面的CSS就是问题所在。你的style.css的第3773行和第675行。将填充更改为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;
}