注册 登录
编程论坛 JavaScript论坛

用css控制 input type="text"文本框的高度,css应该怎么写?

sw4433 发布于 2010-06-12 09:02, 15949 次点击
用css控制 input type="text"文本框的高度,css应该怎么写?

input
{
 height:12px;   
}
是控制所有input的高度

我只想控制 input type="text"文本框的高度,css应该怎么写?

因为文本框的高度有点高,跟为12大小的字体不协调
我想用css控制所有文本框的高度,不包括按钮等
怎么写啊?


[ 本帖最后由 sw4433 于 2010-6-12 10:30 编辑 ]
4 回复
#2
爪哇死苦力2010-06-12 10:44
好像有这样一个写法:
input[type=text] {
    height: 12px;
}
但IE6不支持,IE多少支持不知道,我这里只装有IE6。
上述写法在chrome和opera中都通过。
如果要在IE6中达到该效果,可以用如下脚本:
// CSS部分
<style>
.text { height: 12px; }
</style>
// JS脚本部分
<script>
var objs = document.getElementsByTagName("input") ;
for (var i = 0; i < objs.length; i ++) {
    if (objs[i].type == "text") objs[i].className = "text" ;
}
</script>
#3
sw44332010-06-12 11:21
    <style>
        .text { height: 8px; }
    </style>
    <script language="javascript">
        var objs = document.getElementsByTagName("input") ;
        alert(objs.length);//这里为0啊,为什么是0?
        for (var i = 0; i < 100; i ++) {
            alert("1");
            if (objs[i].type == "text"){
                objs[i].className = "text" ;
            }
            alert();
        }
    </script>
#4
爪哇死苦力2010-06-12 11:34
你把那段JS脚本放到网页的最后,即</body>之前。
#5
sw44332010-06-12 11:42
以下是引用爪哇死苦力在2010-6-12 11:34:17的发言:

你把那段JS脚本放到网页的最后,即之前。
搞定了!

谢谢~!
1