简单问题...如何更改文件输入类型的光标类型？
我尝试过以下方法:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
input[type="file"] {
cursor: pointer;
}
</style>
</head>
<body>
<input type="file">
</body>
</html>
出于某种原因,它不会打球.
我想<input type="file" />用CSS3 设计风格.
或者,我希望用户按下div(我会设计),这将打开浏览窗口.
这可能只使用HTML,CSS3和Javascript/jQuery吗？
是否可以设置文件类型的输入元素的样式而不必担心浏览器兼容性？在我的情况下,我需要实现一个背景图像和圆形边框(1px),如果可能的话,也应该定制按钮.
我目前正在为一个有looooads表单的网站做前端,所有形式都在IE中看起来很漂亮,但我注意到在Firefox中文件输入字段没有响应我的任何样式,所有其他输入字段的类型很好.我在Firebug中检查了它并将其与正确的样式相关联,但没有改变它的外观.
如果这对我来说不是一个完整的脑屁,那么这是Firefox中的一个已知问题吗？如果是这样,我以前从未注意过它？
这是代码示例.
CSS:
form.CollateralForm input,
form.CollateralForm textarea
{
width:300px;
font-size:1em;
border: solid 1px #979797;
font-family: Verdana, Helvetica, Sans-Serif;
}
HTML:
<form method="bla" action="blah" class="CollateralForm">
<input type="file" name="descriptionFileUpload" id="descriptionFileUpload" />
</form>
我也尝试过应用它,但这也不起作用.
可能重复:设置
输入类型="文件"按钮的样式
我想要风格
<input type="file">
但我运气不好.我想让文本框消失,只保留按钮.我该怎么做？