html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<style> 7
input[type=text] {8
width: 100%;9
padding: 12px 20px;10
margin: 8px 0;11
box-sizing: border-box;12
border: 3px solid #ccc;13
-webkit-transition: 0.5s;14
transition: 0.5s;15
outline: none;16
}17
18
input[type=text]:focus {19
border: 3px solid #555;20
}21
</style>22
</head>23
<body>24
25
<p>在这个实例，我们使用 :focus 选择器，在文本框获取焦点时，设置文本框当边框颜色为黑色。</p>26
<p>注意，我们使用来 CSS transition 属性来设置边框当颜色 (在 0.5 秒内修改边框当颜色)。</p>27
28
<form>29
<label for="fname">First Name</label>30
<input type="text" id="fname" name="fname" value="John">31
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java