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

Question

我没有此代码。

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

Answer 1

这可以完全使用CSS完成。 （＆＃34; red＆＃34;最有可能是CSS）。这里有一些我喜欢用来提供一个很好的代码的代码＃34;发光形成元素。

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);
}