如何做到点击输入框的时候border颜色更改?

发布网友发布时间：2022-05-02 21:19

共2个回答

热心网友时间：2022-04-21 03:49

1.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>
如何改变input点击后的边框颜色追问不要抄袭的，谢谢

热心网友时间：2022-04-21 05:07

input:focus {
outline: 0;
border-color: /* 颜色 the color you want~ */;
}

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com