css文本框样式

html-css020

css文本框样式,第1张

<head>

<style type="text/css">

<!--

.aa

{ background-color:#0000ffcolor:#000000filter: alpha(opacity=50)}

.bb

{ background-color:#009933color:#000000

}

</script></head>加入这个

<body>

<div id="Layer5" onMouseOver="this.className='aa'" onMouseOut="this.className='bb'"></div>

</body>这样鼠标经过颜色就变啦

如果你不想要白边，就把

border:

solid

1px

#cacaca去掉，ie和火狐的处理边框是不一样的，ie把边框放到文本框的外面，火狐是放到文本框的里面

直接使用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}

观察显示效果