css - Firefox 输入占位符和框大小

Question

我找不到太多关于修复此问题的信息，但我输入的占位符文本未在 FF 中显示。

我已经看到一些涉及 ::-moz-placholder 的修复程序 - 尝试了这个但没有修复......来源:http://css-tricks.com/almanac/selectors/p/placeholder/

我感觉这可能与我在输入中启用的 box-sizing 有关，因为当我删除占位符显示的框大小时，它们会变得狂躁...

这是我的样式:

input {
            height: 26px;
            width: 100%;
            border-radius: 3px;
            -moz-border-radius: 3px;
            color: #333;
            padding: 23px 10px 20px 10px;
            display: block;
            box-sizing: border-box; /* css3 rec */
            -moz-box-sizing: border-box; /* ff2 */
            -ms-box-sizing: border-box; /* ie8 */
            -webkit-box-sizing: border-box; /* safari3 */
        }

Answer 1

此问题的解决方案可在此处找到:Box sizing on inputs in firefox hides text

将输入的高度设置为 100% 并根据需要减少填充。