sunxp-java 2022-01-14 07:43 采纳率: 81.8%
浏览 93
已结题

点击input输入框变颜色

img

img

在点击input输入框时，改变输入框的颜色；但点击时并没有变色，而在点击其他地方才变色

  • 写回答

2条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2022-01-14 08:35
    关注
    
<!--
 * @Author: your name
 * @Date: 2021-12-30 16:59:23
 * @LastEditTime: 2022-01-14 08:34:43
 * @LastEditors: your name
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: /未命名文件夹/123.html
-->
<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>color</title>

<style type="text/css">

* {margin: 0; padding: 0;}

.main {margin: 50px auto; width: 400px;}

.inp {

width: 200px;

height: 30px;

border:1px solid #999;

outline:none;

}

</style>

</head>

<body>

<div class="main">

<input class="inp" onfocus="dian()" onblur="quxiao()" />

<script language="javascript">

// 鼠标点击后调用的方法

function dian(){

document.getElementsByTagName('input')[0].style.border = '1px solid red';

}

// 鼠标移开表单点击其他后调用的方法

function quxiao(){

document.getElementsByTagName('input')[0].style.border = '1px solid #999';

}

</script>

</div>

</body>

</html>

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 1月22日
  • 已采纳回答 1月14日
  • 创建了问题 1月14日

悬赏问题

  • ¥15 反激PWM控制芯片调研
  • ¥15 Python for loop减少运行时间
  • ¥15 fluent模拟物质浓度udf
  • ¥15 Collection contains no element matching the predicate
  • ¥20 冻品电商平台的搜索是怎么实现的
  • ¥15 如何搞一个可以控制、显示马达频率
  • ¥15 WPF动态创建页面内容
  • ¥15 如何对TBSS的结果进行统计学的分析已完成置换检验，如何在最终的TBSS输出结果提取除具体值及如何做进一步相关性分析
  • ¥15 SQL数据库操作问题
  • ¥15 Matlab安装yalmip和cplex功能安装失败