No diré muchas tonterías, solo te publicaré el código clave. El código específico es el siguiente:
< xmlns = "http://www.w3.org/1999/xhtml"> <fead> <title> nuevo documento </title> <meta http-oquiv = "content-type" content = "text/html; charset = utf-8"/> <link rel = "Stylesheet" type = "text/css" href type = "text/css">. Box {ancho: 1000px; margen: 0 auto; altura: 500px; borde: 1px sólido verde;}. tbox {ancho: 150px; altura: 30px; borde: 1px sólido #585858; margen: 10px 10px; fondo de fondo: #eee; vertical-align: medio; fondos: url (re_code2.png) no-repeat #eee 8px 8px; background-size: 15px;}. ptes {ancho: 115px; altura: 30px;}. tbox1 {width: 150px; altura: 30px; margen: 10px 10px;}. Pb1: Hover {Background-Color: #EEE; vertical-align: medio; fondo: url (re_code1.png) no-repeat #eee 8px 8px; sweet-size: 15px;} </style> <script tipo = "text/javaScript"> </scritch> </head> <body <body <body style = "Background-Color: #fff;"> <div> <div onMouseOut = "this.classname = 'tbox'" onmouseMove = "this.classname = 'tbox1 pb1'"> <div style = "float: izquierda; width: 30px; height: 30px;"> </div> <div style = "float: izquierda;"> <input id = "contraseña" name "name" name "name" name "name" PlaceHolder = "Ingrese la contraseña" valor = ""/> </div> </div> <div> </body> </html>Lo anterior es el intercambio que el editor le presentó. El código JS implementa el cuadro de entrada y la imagen para cambiar el estilo al mismo tiempo. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!