Firefox textarea大小调整bug?

时间:2013-04-18 13:23:14

标签: css firefox textarea dimensions

我正在尝试创建一个固定的textarea,它只使用CSS填充浏览器窗口的整个宽度和高度,以下内容在Chrome中完美运行:

textarea {
    border: 2px solid #3D6AA2;
    padding: 5px;
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    resize: none;
}

http://jsfiddle.net/BulletzBill/FZr9k/1/

但是,如果您在Firefox中查看小提琴,则看起来好像根本不考虑bottomright规则。这是firefox中的已知错误,还是有任何解决方法?如果可能的话,我想避免使用javascript / window resize侦听器。

1 个答案:

答案 0 :(得分:2)

以下是对jsfiddle

的更新

您需要制作width:100%height:100%box-sizing: border-box;

您只需要2个位置点topleft