在我的应用中,我使用Material Design Lite,但我想摆脱输入的下划线。我尝试使用文本装饰:无,但完全没有帮助。 摘录:
.form-label {
padding: 8px 0 0 8px;
font-size: 12px;
font-weight: 700;
}
.form-input {
margin: 0;
padding: 0 0 4px 8px;
text-decoration: none;
}
<head>
<link rel="stylesheet" href="https://code.getmdl.io/1.2.1/material.indigo-pink.min.css">
</head>
<body>
<div class="mdl-textfield mdl-js-textfield checkout_form">
<label class="form-label" for="last-name">Last name</label>
<input class="mdl-textfield__input form-input" type="text" placeholder="Musk">
</div>
</body>
随时使用此jsFiddle https://jsfiddle.net/wv60b1ns/