MDL私はMDLを使用しています日付プレースホルダ

Question

- 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

代わりにこれを追加します。

input::-webkit-datetime-edit{ color: transparent; } 
input:focus::-webkit-datetime-edit{ color: #000; } 

はhere

から撮影