| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 15929 人关注过本帖
标题:用css控制 input type="text"文本框的高度,css应该怎么写?
只看楼主 加入收藏
sw4433
Rank: 1
等 级:新手上路
帖 子:65
专家分:0
注 册:2009-5-24
结帖率:44.44%
收藏
 问题点数:0 回复次数:4 
用css控制 input type="text"文本框的高度,css应该怎么写?
用css控制 input type="text"文本框的高度,css应该怎么写?

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

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

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


[ 本帖最后由 sw4433 于 2010-6-12 10:30 编辑 ]
搜索更多相关主题的帖子: input css text type 文本 
2010-06-12 09:02
爪哇死苦力
Rank: 2
等 级:论坛游民
帖 子:7
专家分:54
注 册:2010-6-7
收藏
得分:0 
好像有这样一个写法:
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>
2010-06-12 10:44
sw4433
Rank: 1
等 级:新手上路
帖 子:65
专家分:0
注 册:2009-5-24
收藏
得分:0 
    <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>
2010-06-12 11:21
爪哇死苦力
Rank: 2
等 级:论坛游民
帖 子:7
专家分:54
注 册:2010-6-7
收藏
得分:0 
你把那段JS脚本放到网页的最后,即</body>之前。
2010-06-12 11:34
sw4433
Rank: 1
等 级:新手上路
帖 子:65
专家分:0
注 册:2009-5-24
收藏
得分:0 
以下是引用爪哇死苦力在2010-6-12 11:34:17的发言:

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

谢谢~!
2010-06-12 11:42
快速回复:用css控制 input type="text"文本框的高度,css应该怎么写? ...
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.016247 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved