HTML输入onfocus和onblur

rap*_*yen 2 html input onfocus onblur

我想要一个输入文本字段,当它处于焦点时,它周围有一个厚蓝色边框,然后当它不再处于焦点时默认回到它的正常默认边框.我的一个输入字段定义如下:

<input onfocus="this.style.border='2px solid #003366';" onblur="this.style.border='';" name="attorneyName" id="attorneyName" type="text" value="John Jackson" size="50" maxlength="30">
Run Code Online (Sandbox Code Playgroud)

当焦点处于焦点时,这会正确地在其周围放置蓝色边框,但是当它不再处于焦点时,它会完全丢失默认文本字段.没有定义任何输入文本字段边框; 他们的风格是这些领域的默认风格,我只想让它在失去焦点后恢复到这种风格.

Tan*_*ank 5

css有一个:focus伪装选择器,你可以将样式附加到.

input:focus { border:2px solid #036; }
Run Code Online (Sandbox Code Playgroud)

另外,不要忘记使用正确的doctype. <!DOCTYPE html>