html - 在输入字段中输入时如何更改电子邮件输入颜色
问题描述
在输入字段中输入时如何更改电子邮件输入颜色
<form action="">
<input type="email" name="mail" id="" placeholder="Your Email">
</form>
解决方案
<form>
<input type="email" name="email" placeholder="Your Email..." />
</form>
input {
border: 2px solid black;
}
input.typed {
border: 2px solid red;
}
const input = document.querySelector("input");
input.oninput = function () {
if (input.value.length == 0) input.classList.remove("typed");
else input.classList.add("typed");
};
或者,如果您正在寻找它的点击时间和焦点,您可以使用 :focus ,如下所示:
input:focus {
border: 2px solid blue;
}
推荐阅读
- android - 如何在java中使用ndk获取证书值
- python-3.x - python定义一个地方到处使用
- javascript - 在 JSDOM 中使用滚动和宽度
- set - 编程语言中集合背后的理论是什么?
- ruby-on-rails - 在 Rails 控制器中拆分参数
- javascript - NodeJS如何将文件转换为字符串
- c# - 使用通用方法提取枚举标志以列出?
- angular - 有没有机会在角度 ng2-fan-menu 中更改图标(从本地路径 img)
- macos - 如何在 macOS 上显示正在运行的进程列表?
- ruby-on-rails - 如何在 rails-postgres 中存储每个用户提交的表单?