javascript - 如何通过javascript使输入文本保持不变

Question

我试图在创建空输入框后删除红色边框，

我该怎么做。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="test" value="123" required="required">
<input type="button" value="Click me" onClick="$('#test').val('');">

Answer 1

添加这个CSS:

在firefox中查看，会得到结果；

:not(output):-moz-ui-invalid {
    box-shadow: 0 0 0 1px black;
}

:not(output):-moz-ui-invalid {
    box-shadow: 0 0 0 1px black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="test" value="123" required="required">
<input type="button" value="Click me" onClick="$('#test').val('');">