问题描述
<table > <tr ><td ><input type="text" class="readonlyText" disabled="disabled"/></td> </tr></table >css 文件为:/* input.text *********************************************************/input[type=text].readonlyText { border: 1px solid #007799; background-color:#C0C0C0;}我就想定义一个只读的文本框效果为图1红色的框框内有很大的空隙这个是我不想看到的。如果去掉这句border: 1px solid #007799;效果为图2又有一个很厚的边框为什么? 问题补充：yanq12 写道
解决方案
首先纠正一点，<input type="text" class="readonlyText" disabled="disabled"/>中使用了disabled="disabled"，表示该文本框失效，提交表单时，不作为表单项。只读文本框如下：<input type="text" class="readonlyText" readonly="readonly"/>，设置文本框的大小，可以在样式中加上：width:120px;height:30px;表示宽120像素高30像素的文本框border是设置文本框的边框的，文本框有个默认边框，就是楼主第二次看到的那样。
解决方案二：
应该在tbale里面加上<table border="0" cellspacing="0" cellpadding="0">这是table特有的属性。你不妨试试
解决方案三：
引用仍就有空隙 应该不是文本框的样式问题 应该是TD的样式问题 可以再 设置下TD的样式 padding-right: 1px;padding-left: 1px;等等
解决方案四：
input[type=text].readonlyText { border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none; background-color:#C0C0C0; } 这个挺还可以