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)
当焦点处于焦点时,这会正确地在其周围放置蓝色边框,但是当它不再处于焦点时,它会完全丢失默认文本字段.没有定义任何输入文本字段边框; 他们的风格是这些领域的默认风格,我只想让它在失去焦点后恢复到这种风格.
css有一个:focus伪装选择器,你可以将样式附加到.
input:focus { border:2px solid #036; }
Run Code Online (Sandbox Code Playgroud)
另外,不要忘记使用正确的doctype. <!DOCTYPE html>
| 归档时间: |
|
| 查看次数: |
7597 次 |
| 最近记录: |