CSS样式






css 文件为:
/* input.text *********************************************************/
input[type=text].readonlyText {
border: 1px solid #007799;
background-color:#C0C0C0;
}
我就想定义一个只读的文本框
效果为图1
红色的框框内有很大的空隙
这个是我不想看到的。
如果去掉这句
border: 1px solid #007799;
效果为图2
又有一个很厚的边框
为什么?

首先纠正一点,中使用了disabled="disabled",表示该文本框失效,提交表单时,不作为表单项。
只读文本框如下:,
设置文本框的大小,可以在样式中加上:width:120px;height:30px;表示宽120像素高30像素的文本框
border是设置文本框的边框的,文本框有个默认边框,就是楼主第二次看到的那样。

[code="java"]

input[type=text].readonlyText {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color:#C0C0C0;
}

[/code]
这个挺还可以

[quote]仍就有空隙
应该不是文本框的样式问题
应该是TD的样式问题 [/quote]

可以再 设置下TD的样式
padding-right: 1px;
padding-left: 1px;

等等

应该在tbale里面加上

这是table特有的属性。你不妨试试