JavaScript与Css--改变文本框颜色

最新推荐文章于 2022-03-09 18:54:16 发布

TKD03072010

最新推荐文章于 2022-03-09 18:54:16 发布

阅读量4.9k

点赞数 1

分类专栏： JavaScript 文章标签： javascript stylesheet css input function html

本文链接：https://blog.csdn.net/tkd03072010/article/details/7010521

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

随鼠标的进出改变文本框颜色

1.程序清单：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>JavaScript与Css--改变文本框颜色</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<style type="text/css">
		input{
			bgc:expression(οnmοuseοver=function(){
				this.style.backgroundColor="#FF0000"
			}, οnmοuseοut=function(){
				this.style.backgroundColor="#00FF00"
			})
		}
	</style>
	
  </head>
  
  <body>
    <center>
    	<h1>随鼠标的进出改变文本框颜色</h1>
    	<hr/>
    	<input type="text"/>
    	<br/>
    	<br/>
    	<input type="text"/>
    	<br/>
    	<br/>
    	<input type="text"/>
    </center>
  </body>
</html>

2.在CSS中使用JavaScript

在CSS中使用expression将CSS属性各JavaScript表达式关联起来。这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段JavaScript表达式，CSS属性的值等于JavaScript表达式计算的结果。

TKD03072010

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript与Css--改变文本框颜色

随鼠标的进出改变文本框颜色1.程序清单： JavaScript与Css--改变文本框颜色 --> input{ bgc:expression(onmouseover=function(){ this.style.backgroundColor="#FF0000" }, onmouseout=fu
复制链接

扫一扫