订阅如何改变input点击后的边框颜色
来源：网络收集 点击： 时间：2024-02-141.CSS用:focus伪类就能实现内部边框的颜色，边框颜色改为了红色。
具体代码如下：
!DOCTYPE html
html
head
meta charset=UTF-8
title百度经验/title
style type=text/css
* {margin: 0; padding: 0;}
.main {margin: 50px auto; width: 400px;}
.inp {
width: 200px;
height: 30px;
}
.inp:focus {
outline:none;
border: 1px solid red;
}
/style
/head
body
div class=main
input type=text class=inp
/div
/body
/html
2/2javascript实现方法：
!DOCTYPE html
html
head
meta charset=UTF-8
title百度经验/title
style type=text/css
* {margin: 0; padding: 0;}
.main {margin: 50px auto; width: 400px;}
.inp {
width: 200px;
height: 30px;
border:1px solid #999;
outline:none;
}
/style
/head
body
div class=main
input class=inp onfocus=dian() onblur=quxiao() /
script language=javascript
// 鼠标点击后调用的方法
function dian(){
document.getElementsByTagName(input).style.border = 1px solid red;
}
// 鼠标移开表单点击其他后调用的方法
function quxiao(){
document.getElementsByTagName(input).style.border = 2px solid #009F00;
}
/script
/div
/body
/html
版权声明：
1、本文系转载，版权归原作者所有，旨在传递信息，不代表看本站的观点和立场。
2、本站仅提供信息发布平台，不承担相关法律责任。
3、若侵犯您的版权或隐私，请联系本站管理员删除。
4、文章链接：http://www.1haoku.cn/art_41201.html
