Angular - CSS -自定义type=file输入，如何使用按钮代替标签？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

3回答

Angular - CSS -自定义type=file输入，如何使用按钮代替标签？

javascript、css、angular、input

我为type="file“设置了一个自定义输入域，因为我不喜欢默认的输入域。为了实现这一点，我做到了： <input type="file"<mat-icon>folder_open</

浏览 21提问于2018-12-17得票数 3

回答已采纳

3回答

如何在Angular中触发文件输入的'click‘事件？

angularjs

这是jade中的视图input#save-csv(style="display:none", type="file", onchange="angular.element(this).scope().saveCSVFileChanged(this)")$scope.click = ->

浏览 0提问于2013-08-22得票数 8

回答已采纳

4回答

选项卡自定义文件上载按钮

html、css、accessibility、tabbing

通过创建标签并使用css隐藏输入元素，我创建了自己的自定义文件上传按钮。这一切都很好，但问题是我不能通过Tab键和enter键来使用按钮。我试着将tabindex=0添加到标签中。然后我可以跳转到元素ok，但是当点击enter时没有任何动作，因为它只是一个标签。下面是HTML代码<input t

浏览 3提问于2019-12-13得票数 0

1回答

Angular JS:如何在$scope中获取与对象关联的元素的坐标

javascript、jquery、angularjs

如果用户更改了filter列中的任何值，一个小的浮动元素会显示在更改后的值附近，并带有一个“Filter”按钮(以及一些已过滤的项)。在jQuery中实现这个逻辑并不难。change', function() { var top = box.top;}); 在AngularJS中，有没有一种很好的方法来获取与ng-model关联或

浏览 0提问于2016-09-10得票数 2

13回答

如何在ng-单击使用angularjs中触发另一个元素的单击事件？

angularjs

我试图从<input type="file">元素中触发button元素的click事件。<input id="upload" ng-file-select="onFileSelect($files)" <button type="button"

浏览 1提问于2014-07-08得票数 46

回答已采纳

3回答

Chrome CSS* -样式化文件输入*

css、google-chrome、file-io

以下是我在Chrome中呈现的文件输入：在IE中，它看起来要基本得多，这很好(尽管与这个特定控件的巨大不一致令人沮丧！)我输入的默认CSS是： font-family: arial, sans-serif; font-weight: bold;另外，有没有什么方法可以专门选择文件输入？例如input.file (似乎不起作用)。如果这是不可能的，我如何删除输入样式应用到它的所有C

浏览 0提问于2011-02-01得票数 1

回答已采纳

2回答

我的角分量EventEmitter返回了错误的变量值

javascript、angular、typescript

="file" name="file" max="1" (change)="changeImage($event)" id="file" class="inputfile" /> </io

浏览 8提问于2021-09-09得票数 2

回答已采纳

3回答

如何为文件拾取器添加wai aria属性？

javascript、html、wai-aria、filepicker

我试过使用aria控件和tabindex，但是当我模拟一些验证器时，没有得到任何积极的响应。有什么想法吗？<body> <h3>Progress:</h3> <div id="bar" style=

浏览 1提问于2019-03-05得票数 1

回答已采纳

1回答

如何改变浏览按钮的颜色？

css、bootstrap-5

我正在使用引导程序的自定义文件输入：如何更改“浏览”按钮的颜色？我所做的一切： custom-file-inputAdded 向自定义文件标签添加了颜色标签，两者都不起作用.在检查时，当我尝试获取负责的css类时，它会显示自定义文件输入。但是，更改不起作用。

浏览 16提问于2022-11-22得票数 0

2回答

如何不显示html5输入的文件名

html、css

我正在做前端工作，我想要分离此文件类型输入的两个组件，我希望在一行上选择“选择文件”，在另一行上选择“无文件”，或者根本不显示“未选择文件”(包括在为输入选择文件之后)。

浏览 21提问于2017-08-29得票数 0

回答已采纳

2回答

在AngularJS中触发输入文件点击事件

javascript、html、angularjs

我正在尝试在AngularJS中模拟一个文件输入的点击事件。我看过，但我不想用jQuery。'use strict'; $scope.clicked = true; };<script src="https://code.angularjs.org/1.3.14/angular.js"><

浏览 0提问于2015-02-27得票数 16

回答已采纳

3回答

如何使用按钮样式在离子2+中创建自定义文件输入？

angular、cordova、ionic2、ionic3

这是我的模板：<input type="file" (change)="fileUpload($event)" id="file-input" style) data = new EventEmitter<FormData>(); let fd = new FormData(); fd.append('file<

浏览 16提问于2017-06-21得票数 6

回答已采纳

1回答

带有被锚点标记包围的无线输入不起作用

javascript、angularjs、html、checkbox、radio-button

导航具有内联锚定标记，其中包含输入单选按钮。<label for="yp"></label> 问题是，有时锚标签起作用，而无线电输入不起作用

浏览 1提问于2017-06-30得票数 0

11回答

在mac、Ipad和Iphone的safari浏览器上，Jquery触发器点击不起作用

jquery、iphone、ipad、safari、webkit

我试图在输入文件“type=”上触发一个点击事件，点击另一个按钮。除了mac、Ipad和Iphone上的safari浏览器之外，它在所有浏览器上都工作得很好。完成这项任务有什么窍门吗？

浏览 0提问于2012-01-19得票数 12

回答已采纳

3回答

角11 -如何将文件输入的按钮与角度材料

css、angular、bootstrap-4、angular-material、styles

我所拥有的： <div class="form-group"></div> 我需要定制这个按钮的

浏览 0提问于2019-07-25得票数 3

回答已采纳

11回答

隐藏输入type=file上的浏览按钮

html、css

有没有一种方法可以隐藏浏览按钮，只留下在所有浏览器中都可以使用的文本框？我试过设置页边距，但它们在每个浏览器中显示不同

浏览 0提问于2011-06-17得票数 25

回答已采纳

2回答

我想在我的Range4项目中使用组件。但是，在将.dropify类应用到input之后，我得到的只是默认的文件输入，其中有“选择文件”按钮和文件名标签。如何显示Dropify拖放文件输入？dropify.min.js包含在.angular-cli.json的apps.scripts数组中 dropify.css包含在.angular-cli.json的apps.styles数组中<div style="paddin

浏览 6提问于2017-11-12得票数 2

4回答

-webkit-file-upload-button用于firefox的css实现

css

我有一个用于<input type="file">的样式按钮的css实现，这是我的代码： cursor: pointerbackground-color: transparent;} 但这只在Chrome上有效，我想知道在其他浏览器上如何做到这一点

浏览 0提问于2015-06-30得票数 3

1回答

是否可以使用Angular.js更改文件类型输入的默认占位符值

javascript、html、angularjs

是否可以更改文件类型输入默认文本i.e-No file choosen并设置自定义占位符的值。实际上，我需要在文件类型输入中设置自定义占位符值。我在下面解释我的代码。<span class="input-group-addon"><i class="fa fa-upload"></i></span> <input type="file

浏览 1提问于2018-02-12得票数 0

回答已采纳

2回答

将B按钮与输入文件/ BootstrapVue绑定

javascript、vue.js、vuejs2、bootstrap-vue

我尝试有一个输入文件按钮(这是在一个v-for循环中)。但是我不想使用b-form-file标记。<b-button @click="selectFile()" variant="success" :id="index"> Upload </b-button> <input type="file&qu

浏览 4提问于2021-09-28得票数 1

点击加载更多