Material Design Lite - Firefox上textarea的错位

时间:2016-05-11 14:09:32

标签: html5 css3 firefox material-design material-design-lite

我在项目中使用Material Design Lite作为框架,在表单中包含一些字段之后,我注意到textarea元素在除Firefox之外的所有浏览器中都是对齐的。我已经在Google MDL Github中打开issue警告该问题,但直到现在还没有回来。这是我在标记上插入input和textarea字段的方法:

<div class="mdl-cell mdl-cell--4-col">
    <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
        <textarea class="mdl-textfield__input" type="text" rows="1" id="sample5"></textarea>
        <label class="mdl-textfield__label" for="sample5">Text lines...</label>
    </div>
</div>

任何人都可以帮助我解决问题,而不会影响调整大小元素吗? 这个问题可以在Fiddle

中看到

1 个答案:

答案 0 :(得分:0)

看起来像是一个取决于操作系统的问题:

  

该错误在Linux和Windows上都有,但不适用于OS X或适用于Android的Firefox。

     

我已经提交错误1272430以查看此上游。

<强>参考