我试图让一个输入文本字段在它处于焦点时在其周围有一个蓝色粗边框,然后在它不再处于焦点时默认返回到它的正常默认边框。我的输入字段之一定义如下:
<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">
当它处于焦点上时,这会正确地在其周围放置一个蓝色边框,但是当它不再处于焦点上时,它会完全失去默认文本字段。没有定义输入文本字段的边框;它们的样式是此类字段的默认样式,我只是想让它在失去焦点后恢复为这种样式。
最佳答案
css 有一个 :focus 伪选择器,您可以将样式附加到该选择器。
input:focus { border:2px solid #036; }
此外,不要忘记使用正确的文档类型。 <!DOCTYPE html>
关于HTML 输入 onfocus 和 onblur,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9009299/