可以给标签家个id或class就可以调整文本框的宽和高。
如:
<style type="text/css">
.text1{width:100pxheight:20px}
</style>
<input type="text" class="text1" />
扩展资料:
在CSS中,使用text-align属性控制文本的水平方向的对齐方式:左对齐、居中对齐、右对齐。
该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔,可以支持值 justify;不同用户代理可能会得到不同的结果。
默认值:left if direction is ltr, and right if direction is rtl
继承:yes
版本:CSS1
JavaScript 语法:object.style.textAlign="right"
参考资料来源:百度百科-text-align
中文字符的中线和英文字符的中线定义是不一样的,你在设置输入框与文本居中对齐的时候,最好将文本的字体样式设置成英文字体,比如font-family:verdana这样有助于解决中线问题。然后再给输入框添加 vertical-align:middle样式。
注意,由于涉及到中线问题,所以字号会影响对齐的效果。例子就不举了,你可以改变字号(12px、13px等)自己尝试一下。
直接使用css的标签选择器就可以实现
td input[type='text'] {.../*设置需要的样式*/}举个例子:
创建Html元素
<table><tr>
<td>name</td>
<td><input type="text"></td>
<td>sex</td>
<td><input type="radio" name="sex" checked>男<input type="radio" name="sex">女</td>
</tr>
<tr>
<td>tel.</td>
<td><input type="text"></td>
<td>addr.</td>
<td><input type="text"></td>
</tr>
</table
设置css样式
table{border-collapse: collapse}td{border:1px solid #cccpadding:5px}
/*设置单元格中文本框的样式*/
td input[type='text']{border:1px solid greenborder-radius:3pxheight:30px}
观察显示效果