Css IE7-8:';清除';与输入类型高度相同的按钮=";文件"';浏览';按钮
这是我的测试(精简到最低限度)Css IE7-8:';清除';与输入类型高度相同的按钮=";文件"';浏览';按钮,css,internet-explorer,internet-explorer-8,internet-explorer-7,Css,Internet Explorer,Internet Explorer 8,Internet Explorer 7,这是我的测试(精简到最低限度) .file表单活动输入{左边距:2px;} 与左侧“浏览”按钮高度相同的按钮 有没有办法匹配按钮的高度 对于IE7-8输入type=“file”“browse”按钮高度?假设您只是想确保按钮匹配,一种可能的黑客方法是,您可以将文件上载按钮的样式设置为与清除按钮的高度匹配,而不是尝试将清除按钮的高度与文件上载按钮的高度匹配。下面展示了如何使用CSS或Javascript实现这一点 如果您决定采用这种方法,我建议您使用Javascript,因为它允许您为所有
.file表单活动输入{左边距:2px;}
与左侧“浏览”按钮高度相同的按钮
有没有办法匹配按钮的高度
对于IE7-8输入type=“file”“browse”按钮高度?假设您只是想确保按钮匹配,一种可能的黑客方法是,您可以将文件上载按钮的样式设置为与清除按钮的高度匹配,而不是尝试将清除按钮的高度与文件上载按钮的高度匹配。下面展示了如何使用CSS或Javascript实现这一点 如果您决定采用这种方法,我建议您使用Javascript,因为它允许您为所有其他浏览器创建干净的标记,但只为IE添加额外的元素 希望有人有一些简单的CSS来完成您最初要求的工作,而不是必须遵循此技术,因为它需要更多的工作
祝你好运当然,我不想重新设计整个上传控件的样式,但要使用一些特定于IE的css黑客来做我想做的事情。我做了搜索,看到了这篇文章。是的,因为这是IE的独立代码分支,而不是公共站点,所以我只是在寻找这个IE特有的css黑客
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
.file-form-active-inputs { margin-left : 2px; }
</style>
<title></title>
</head>
<body>
<form>
<input type="file" name="_206_0_100070" size="60" id="HASH(0x331b400)" class="form-active-inputs">
<button class="file-form-active-inputs">
Button with same height as 'browse' button to the left
</button>
</form>
</body>
</html>