0 0

<input type=file>这个标签怎么让浏览按钮上出现小手的标志。5

用input file标签时,重写了一个button但是这个button的焦点和input file标签的焦点不能重合,重合之后只能一个有作用,现在我想让input file标签的焦点上有小手的标志。

问题补充:
asyty 写道
要给inputfile的botton设置样式没试过,不太好实现

给你个例子吧 http://hi.baidu.com/html5css3/blog/item/048d53342a1d5294a8018e65.html


用样式已经实现了效果,用透明的焦点区域覆盖按钮,但是这样鼠标放在按钮上没有小手了。

问题补充:
283433775 写道
style="cursor:hand;"

谢谢,我已经自己实现了,不过在不同版本的浏览器小手可能不出现。

问题补充:
asyty 写道
用pointer试过没两个效果是一样的,但是pointer是支持IE6+ FF Chrome的,hand好像在firefox里不行

我用的FF3版本太低了。貌似不支持。还没有测试其他版本。谢谢。
2011年11月22日 09:46

4个答案 按时间排序 按投票排序

0 0

用pointer试过没两个效果是一样的,但是pointer是支持IE6+ FF Chrome的,hand好像在firefox里不行

2011年11月24日 10:10
0 0

style="cursor:hand;"

2011年11月22日 12:12
0 0

引用
没有小手

是说鼠标变成手指的样式嚒?

给button加一个css
cursor:pointer;

2011年11月22日 11:16
0 0

要给inputfile的botton设置样式没试过,不太好实现

给你个例子吧 http://hi.baidu.com/html5css3/blog/item/048d53342a1d5294a8018e65.html

2011年11月22日 10:03

相关推荐

    input type=file 显示的浏览 改成英文

    本篇文章将详细讲解如何将`&lt;input type="file"&gt;` 控件的“浏览”按钮和提示改为英文。 首先,我们需要理解`&lt;input type="file"&gt;`的基本结构和属性。这个标签创建了一个可以点击的区域,用户可以通过点击打开本地...

    如何将input type=file显示的浏览变成英文的

    2. **创建自定义的按钮:** 在页面上添加一个自定义的按钮,当用户点击该按钮时触发隐藏的`&lt;input type="file"&gt;`元素。 ```html &lt;input type="button" value="Browse" onclick="document.formen.picpath.click()...

    vue中使用input[type=”file”]实现文件上传功能

    注意:input[type=file] 标签中的属性accept=application/msword,application/pdf 在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格式的判断,以及对应显示样式的设置.(我也是刚...

    Android-解决在webview中input标签type="file"不能使用的问题

    然而,在实际使用中,我们可能会遇到一些问题,比如在WebView中使用`&lt;input type="file"&gt;`标签时,用户无法选择本地文件。这个现象主要是由于Android的安全机制和权限控制导致的。本文将详细讲解如何解决这个问题。 ...

    HTML input type=file文件选择表单元素.docx

    可以使用 label 元素与 file 控件关联,或者使用 CSS 来隐藏 file 元素,然后用一个好看的按钮来代替 file 元素。 七、accept 属性的作用 accept 属性可以用来指定浏览器接受的文件类型,也就是当我们打开系统的...

    input type=file 调取手机照相机和选择照片上传

    当用户在移动设备上点击 `input type="file"`,浏览器通常会提供更多的选项,比如调用照相机或者浏览现有的图片库。 为了启用照相机功能,我们需要在 `input` 元素上添加 `accept` 属性,指定允许选择的文件类型。...

    VB编写的计算器 供大家下载

    &lt;input type=submit&gt;&lt;input type=reset&gt; &lt;/form&gt; &lt;hr&gt; &lt;% dim n1,n2,op if request.form.count=0 then response.end end if n1=request.form("num1") n2=request.form("num2") op=request.form("operation")

    file input 按钮国际化

    对于file input按钮,可以通过设置`&lt;input type="file" lang="zh-CN"&gt;`来显示中文版本,但遗憾的是,浏览器默认的按钮文本并不会因此改变。 2. **CSS替换文本**:利用CSS的伪元素`::before`和`::after`,我们可以...

    html修改FileUpload控件的浏览按钮的文字改为自定义

    - `&lt;input type="button" ...&gt;`:这是一个自定义的按钮,通过设置`value="beN"`来改变按钮上的文字。 - `onclick="f.click()"`:当点击这个按钮时,会触发隐藏的文件输入控件`f`的点击事件,从而弹出文件选择...

    纯CSS实现可折叠树状菜单

    &lt;li class=file&gt;&lt;a&gt;下级&lt;/a&gt;&lt;/li&gt; &lt;li&gt; &lt;label for=subsubfolder2&gt;下级&lt;/label&gt; &lt;input id=subsubfolder2 type=checkbox /&gt; &lt;ol&gt; &lt;li class=file&gt;&lt;a&gt;无限级&lt;/a&gt;&lt;/li&gt; &lt;li class=file&gt;&lt;a&gt;无限级&lt;/a&gt;&lt;/li&gt; &lt;...

    jsp java 购物车

    jsp java 购物车 网站 代码预览&lt;HTML&gt; &lt;BODY &gt;&lt;Font size=3&gt; ... &lt;BR&gt;订购数量&lt;Input TYPE=text name=mount value=1&gt;(单位:册) &lt;Input type=submit name="k" value="提交订单"&gt; &lt;/FORM&gt; &lt;%} %&gt;

    js获取 input file 图片立即显示

    综上所述,"js获取input file 图片立即显示"的核心在于利用JavaScript的`FileReader` API,配合HTML的`&lt;input type="file"&gt;`和`&lt;img&gt;`标签,实现用户选择图片后的即时预览。这一过程涉及到前端交互、文件处理以及...

    只修改input file组件的浏览按钮样式

    本文将详细探讨如何仅修改`&lt;input type="file"&gt;`组件中的“浏览”按钮样式,而不改变文件输入框本身的外观。 #### 一、问题背景与需求分析 在实际项目中,我们常常需要一个美观且功能完整的文件上传组件。然而,...

    手机信息系统之增加信息

    &lt;input type="text" name="type"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;th&gt; 品牌: &lt;/th&gt; &lt;td&gt; &lt;input type="text" name="brand"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; ...

    html表单<form></form>

    &lt;input name="uid" type="text" value="" maxlength="20"/&gt; &lt;input name="pwd" type="password" value="" maxlength="10"/&gt; &lt;input name="gender" type="radio" value="f"/&gt;nan &lt;input name="gender" ...

    input type=file 及时预览图片

    在网页设计中,`&lt;input type="file"&gt;` 是一个非常常见的HTML元素,它用于让用户从他们的设备上选择文件,通常用于文件上传功能。在这个场景中,我们要讨论的是如何利用这个元素实现图片的即时预览,即用户在选择图片...

    biaodantestdemo

    性别:&lt;input type="radio" name="sex" value="F"&gt;男 &lt;input type="radio" name="sex" value="M"&gt;女 &lt;br&gt; &lt;input type="submit" value="提交" name=btnOK&gt; &lt;input type="reset" value="清空" name="btnRESET"&gt;

    html5+css3+javascript实现加减乘除功能

    &lt;input type="number" id="n1"&gt; &lt;select name="" id="op"&gt; &lt;option value="+"&gt;+&lt;/option&gt; &lt;option value="-"&gt;-&lt;/option&gt; &lt;option value="*"&gt;*&lt;/option&gt; &lt;option value="/"&gt;/&lt;/option&gt; &lt;/select&gt; &lt;input type...

    北京圣思园张龙 java web HTML.pdf

    - `File`: 文件上传控件,使用 `&lt;input type="file"&gt;`。 - `Hidden`: 隐藏字段,使用 `&lt;input type="hidden"&gt;`。 - `Submit`: 提交按钮,使用 `&lt;input type="submit"&gt;`。 - `Reset`: 重置按钮,使用 `&lt;input type=...

    vue实现移动端input上传视频、音频

    vue移动端input上传视频、音频,供大家参考,具体内容如下 ... &lt;div class=title&gt;现场视频&lt;/div&gt; &lt;div class=upLoad&gt; ... id=pop_video type=file accept=video/* capture=camcorder v-on:change=getVideo

Global site tag (gtag.js) - Google Analytics