Javascript - 当用户输入内容时更改表单文本框的边框颜色

Javascript - Change border colour of form textbox when user enters something?

本文关键字：文本 表单 颜色 边框 用户 输入 Javascript      更新时间：2023-09-26

我没有这方面的代码。

我

只是在尝试新的东西来适应我的形式。必填字段具有红色边框。我希望它们在填写时变黑。onchange会被使用吗？

这完全可以使用CSS来完成。（"红色"很可能已经是CSS）。这里有一些我喜欢用来为形成元素提供很好的"缓和"发光的代码。

input[type=text] {
    height: 30px; 
}
input[type=text], textarea {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
相关文章：