当前位置: 首页 > 面试题库 >

设置输入类型=“文件”按钮的样式

盖绪
2023-03-14
问题内容

您如何设置输入type="file"按钮的样式?


问题答案:

众所周知,对文件输入进行样式设置非常困难,因为大多数浏览器都不会通过CSS或javascript更改外观。

即使输入的大小也不会响应以下内容:

<input type="file" style="width:200px">

相反,您将需要使用size属性:

<input type="file" size="60" />

对于任何比这更复杂的样式(例如,更改浏览按钮的外观),您将需要研究在本地文件输入上方叠加样式按钮和输入框的棘手方法。rm在www.quirksmode.org/dom/inputfile.html上]已经提到的文章是我见过的最好的文章。

更新

尽管很难<input>直接为标签设置样式,但可以借助<label>标签轻松实现。



 类似资料:
  • 本文向大家介绍CSS样式输入类型按钮,包括了CSS样式输入类型按钮的使用技巧和注意事项,需要的朋友参考一下 输入类型按钮可以是提交按钮或重置按钮。使用CSS,我们可以设置网页上任何按钮的样式。 您可以尝试运行以下代码来设置输入类型按钮的样式: 示例

  • 问题内容: 我使用CSS在网站上设置输入按钮的样式,但在IOS设备上,样式已由Mac的默认按钮取代。是否可以为iOS的按钮设置样式,或者制作类似于提交按钮的超链接? 问题答案: 您可能正在寻找 Safari CSS注释 Mozilla开发人员网络的

  • 因此,我创建了一个自定义主题,并将其作为AlertDialog.Builder构造函数的参数提供。 下面是显示对话框的代码: 风格如下: 我能够找到我在样式中添加的几个属性,根据它们的状态更改单选按钮/文本的颜色。但是我无法自定义文本外观(我想更改大小、提供填充等)。 我确信有一些属性可以用来设置文本的样式,但我找不到它。有人能帮我吗?谢谢

  • 问题:我想更改输入元素焦点上按钮的样式。 下面是模板代码: 以下是css代码: 预期输出:在输入框 1的焦点上。将1倍宽度的边框应用于输入框 2。更改按钮的背景颜色 实际输出: 1。边框应用于输入框 2。按钮的背景色没有变化 http://jsfiddle.net/6Y8GL/7/

  • 问题内容: 我正在尝试从webview使用android构建Web项目。我有一个类型为file的输入字段,`<input type=”file” `可让用户将文件上传到服务器,但是在android webview上似乎不起作用,当我点击浏览按钮时,什么也没发生。 编译器 activity_comp.xml comp.html (在资产文件夹中) 任何帮助,将不胜感激。 问题答案: Riad的答案指

  • 问题内容: 有没有一种方法可以设置文件输入()的值,还是为了安全起见将其全部阻止?我正在尝试使用Google Gears的openFiles创建一个简单的多上传器。 注意: 以下答案反映了2009年旧版浏览器的状态。现在,您实际上可以在2017年使用JavaScript动态/以编程方式设置文件输入元素的值。 有关详细信息和演示,请参见此问题的答案: 如何以编程方式设置文件输入值(即:拖放文件时)?