"required","multi-6ren">
gpt4 book ai didi

css - Laravel 中的样式输入类型文件

转载 作者:行者123 更新时间:2023-11-28 12:07:37 24 4
gpt4 key购买 nike

我正在尝试使用 Laravel 设置输入类型文件的样式 -> Form::file:

<div class="col-md-3">
{{ Form::file('images[]', ["class"=>"required","multiple"=>true]) }}
</div>

它应该是这样的: enter image description here

我在网络上搜索了一些解决方案,并且有可能使用 js,但在其中一些中,有人评论说它并不总是适用于所有浏览器。

正确的做法应该是什么?

最佳答案

你可以通过“label”标签来解决这个问题。

<label for="form-file">Upload a file</label>
<input type="file" name="file" id="form-file" class="hidden" />

只需使用 css 隐藏输入或将其移动到左侧 -9999px 的某处,然后将标签元素的样式设置为您想要的任何样式。当用户点击标签时,它会显示上传弹出窗口。

希望对您有所帮助。

编辑:这是 example .使用“Form::file”,您只需添加标签并向您的函数添加 ID 参数。

关于css - Laravel 中的样式输入类型文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37408857/

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