gpt4 book ai didi

javascript - 如何将 Ionic 输入类型文件设置为 Button

转载 作者:数据小太阳 更新时间:2023-10-29 03:48:29 25 4
gpt4 key购买 nike

我想设计一个 ionic 文件选择器按钮的样式。

<input type="file" id="myFileInput">

但是 Ionic 没有输入类型文件按钮。那么我怎样才能得到一个比带有 Choose a File 文本的标准 Button 更好看的按钮呢?

最佳答案

如果您只想设置 <input> 的样式元素作为按钮,例如,您可以采用本文建议的样式之一:http://geniuscarrier.com/how-to-style-a-html-file-upload-button-in-pure-css/

或者来自 CSS-tricks 的另一个例子:https://css-tricks.com/snippets/css/custom-file-input-styling-webkitblink/

或者这个:http://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/

请记住,在移动设备上它可能无法工作,您可能需要一个 cordova 插件。例如:https://github.com/apache/cordova-plugin-file

关于javascript - 如何将 Ionic 输入类型文件设置为 Button,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34886621/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com