利用css隐藏input文字
在一个月学习动易政府系统的过程中，碰到了一个苦恼的问题，就是美化功能页面时，如：申请进度查询页。它们默认的
input
标签
value
中的文字问题。如何在不修改任何默认文件的情况下清除文字才能让我们更好地美化页面，以下有
4
种方法。其中第三、第四种兼容性比较好。
">
">
</span<span style="font-size: 9pt; color: #222222">隐藏</span<span style="font-size: 9pt; color: #222222"> input </span<span style="font-size: 9pt; color: #222222">内文字的方法</span<span style="font-size: 9pt; color: #222222">
提交 " id="bb" class="a" />
提交 " class="b" />
提交 " class="c" />
提交 " class="d" />
">
">
提交 " id="bb" class="a" />
提交 " class="b" />
提交 " class="c" />
提交 " class="d" />
第一种方法
input.a {
ie:expression(bb.value=" 提交 ");
text-indent:-200em;
}
ie:expression(bb.value=" 提交 ");
text-indent:-200em;
}
在
opera
上有问题。
(
无视
opera
的直接使用啦。
)
第二种方法
input.b {
padding-top:20px;
}
padding-top:20px;
}
如果这个值太小了在
opera
上文字还是可见，所以设置大一些就没问题了，但
FF
中又会出现把高度撑大的现象；
第三种方法
input.c {
font-size:100em
}
font-size:100em
}
这种方法应该说是兼容性最好的
FF 有点 bt. 在 padding 的时候， IE ， OPEAR 的高度与宽度都不变，就 FF 变。
FF 有点 bt. 在 padding 的时候， IE ， OPEAR 的高度与宽度都不变，就 FF 变。
第四种方法
input.d {
line-height:100px;
}
这个兼容性最好。
用户登录
还没有账号？
立即注册