[网摘]如何用CSS控制input标签
2009-06-28 04:58
597 查看
１.
.....
<style>
input { my:expression(doStyle(this))}
</style>
<script language="JavaScript">
<!--
function doStyle(e){
if(e.type=="text") e.style.color="red";
if(e.type=="password") e.style.color="blue";
}
//-->
</script>
</head>
<body>
<input type="password">
<input type="text" name="" value="abc">
2.
.....
<style>
.a {font-size: 12px; color: #FF00000}
</style>
<script language=javascript>
var a = document.getElementsByTagName("input");
for (var i=0; i<a.length; i++)
{
if(a[i].type=="text") a[i].className = "a"; //所有type=text的input都会用a这个样式了
}
</script>
.....
.....
<style>
input { my:expression(doStyle(this))}
</style>
<script language="JavaScript">
<!--
function doStyle(e){
if(e.type=="text") e.style.color="red";
if(e.type=="password") e.style.color="blue";
}
//-->
</script>
</head>
<body>
<input type="password">
<input type="text" name="" value="abc">
2.
.....
<style>
.a {font-size: 12px; color: #FF00000}
</style>
<script language=javascript>
var a = document.getElementsByTagName("input");
for (var i=0; i<a.length; i++)
{
if(a[i].type=="text") a[i].className = "a"; //所有type=text的input都会用a这个样式了
}
</script>
.....
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- input标签submit属性，用CSS控制样式时高度不好控制的解决办法
- css控制input标签
- 如何使用CSS设置<input>标签的背景小图标 简单
- DIV+CSS如何控制html标签li的样式，比如删除前面的点
- 如何实现控制input的CSS但不影响CheckBox以及Radio的样式
- css中如何让input标签对齐，左边lable标签也对齐
- 如何用css控制dd标签缩进
- 如何用CSS控制input中的text和radio
- css控制input标签
- css控制input不同类型的不同样式
- 使用js正则控制input标签只允许输入的值
- 使用css全面美化input标签
- css加js实现input标签变灰无法选中
- CSS---input标签注意
- input标签写CSS时需要注意的几点
- html/css标签学习，持续Mark——iframe与<input>新特性range
- HTML&CSS基础学习笔记1.23-input标签的单选与多选
- CSS中如何把Span标签设置为固定宽度
- Input的分类CSS控制
- HTML&CSS基础学习笔记1.25-input标签的选择文件和隐藏元素