Question

我正在测试Material Design Light component library。

我有一些按钮形式的输入属性，我想知道如何将这些输入按钮切换到按钮属性，因为MDL使用按钮属性。虽然我不知道我是怎么做的，并保留输入属性所具有的属性，如“accept”，“type”等。我正在测试的代码就在这里：

https://jsfiddle.net/ErraticFox/46654fzy/

<input id="uploadSound" accept='audio/wav, audio/x-wav, audio/mpeg, audio/vorbis, application/ogg' type="file">

<!-- 

MDL Button:

<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
  Button
</button> 

-->

Answer 1

在这种情况下，您无法将输入更改为按钮，因为它会失去功能，但您可以通过隐藏<input>并利用<label>来使其看起来像按钮。 s for属性，它将事件委托给给定id的输入。

示例：https://jsfiddle.net/k2eau0oe/

将输入更改为Button

1 个答案: