如何添加货币“$”输入MDL（Material Design Lite）

Question

如何制作货币，例如“$”或用户可以看到输入并保持绝对的文本。

但不要忘记我需要在Material Design Lite上制作

$PORT

Answer 1

您不能使用伪元素，例如::after

＆＃13;

＆＃13;

label::after {
  content: ' $'
}

＆＃13;

<form action="#">
  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
    <input class="mdl-textfield__input" type="text" id="sample3">
    <label class="mdl-textfield__label" for="sample3">Text...</label>
  </div>
</form>

＆＃13;

＆＃13;

＆＃13;

或::before

＆＃13;

＆＃13;

label::before {
  content: '$ '
}

＆＃13;

<form action="#">
  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
    <input class="mdl-textfield__input" type="text" id="sample3">
    <label class="mdl-textfield__label" for="sample3">Text...</label>
  </div>
</form>

＆＃13;

＆＃13;

＆＃13;