Question

我正在使用MDL - getmdl.io版本1.3.0

我在获取日期表单字段以执行我想要的操作时遇到问题。它不是仅显示标签字段，而是显示默认<input type="date">的占位符。

我理想情况下不想表明这一点。但是，如果必须，我如何将标签放在表单字段旁边？

码

<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label mdl-cell mdl-cell--6-col">
    <input class="mdl-textfield__input" type="date" id="date">
    <label class="mdl-textfield__label" for="date">Date</label>
  </div>

我的CSS尝试隐藏默认占位符。

::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]),
::-webkit-datetime-edit-text {
  color: transparent;
}

Answer 1

改为添加：

app.UseGoogleAuthentication(new GoogleOptions()
            {
                ClientId = Configuration["Authentication:Google:ClientId"],
                ClientSecret = Configuration["Authentication:Google:ClientSecret"]
            });

取自here

Answer 2

MDL有一个内置但尚未确定的解决方案：has-placeholder。这将使浮动标签固定，始终浮动

添加 mdl-textfield--floating-label has-placeholder归类到外部元素。

信用：@于尔根 How to create textbox with fixed label in Material Design Lite?

MDL日期占位符

2 个答案: