Firefox输入占位符&盒子大小

时间:2014-08-05 03:23:37

标签: css css3 internet-explorer firefox placeholder

我找不到太多有关修复的信息,但我输入的占位符文本没有在FF中显示。

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

我有一种感觉,这可能与我在输入上启用的大小调整有关,因为当我移除框大小时,占位符显示但是,它们会变得狂躁......

这是我的造型:

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 */
        }

1 个答案:

答案 0 :(得分:1)

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

将输入高度设置为100%并按照减少填充。