html - 物化css如何在焦点集中时减少输入值与其边框之间的空间

Question

我正在努力减少输入值与其边界之间的空间。

这是codepen链接https://codepen.io/Chandrikadesai/pen/xJpXXj

标签： htmlcssmaterialize

Answer 1

原因确实是height您设置的输入。解决方法是降低height并添加 top padding：

input:not([type]), 
input[type=email]:not(.browser-default), 
input[type=email]:not(.browser-default):focus:not([readonly]) {
    padding-top:0.6em;
    height: 2rem;
}