Question

如何使用CSS给所有td下的文本框定义样式？

.td input{border:1px #990000 solid}这么写不行，会将button的样式也改变，我只想改变text的
具体怎么写？.td input text{XXX}这么写不行

Answer 1

直接使用css的标签选择器就可以实现

td input[type='text'] {.../*设置需要的样式*/}

举个例子：

1. 创建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

2. 设置css样式

   table{border-collapse: collapse;}
   td{border:1px solid #ccc;padding:5px;}
   /*设置单元格中文本框的样式*/
   td input[type='text']{border:1px solid green;border-radius:3px;height:30px;}

3. 观察显示效果

   

Answer 2

td input[type=text]

Answer 3

input后面跟上text

Answer 4

.td input[type=text] {...}
.td input[type=password] {...}
.td input[type=button] {...}
.td input[type=submit] {...}
。。。

Answer 5

你给要改变颜色的text家个相同的class就行了