- 边框
- 各状态
- 问：input获得焦点的光标的宽度
-
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>没有人可以组织我</title> 8 <style> 9 .myI{ 10 height: 2rem; 11 font-size: 2rem; 12 border-radius: .6rem; 13 /* box-shadow: none; */ 14 outline: none; 15 text-indent: .2rem; 16 caret-color: rgb(22, 206, 16); 17 color: rgb(199, 133, 48); 18 margin-top: 1rem; 19 border: 2px solid khaki; 20 } 21 .myI:focus{ 22 background-color: rgb(181, 199, 216); 23 } 24 .myH:hover{ 25 background-color: rgb(64, 101, 134); 26 } 27 .myH:active{ 28 background-color: blueviolet 29 } 30 </style> 31 </head> 32 <body> 33 <input type="text" name="" id="" class="myI" placeholder="账户"><br> 34 <input type="password" placeholder="密码" class="myI"><br> 35 <input type="submit" class="myI myH" style="font-size: 1rem"> 36 </body> 37 </html>
input的样式
猜你喜欢
转载自www.cnblogs.com/red-flag-dance/p/10512083.html
今日推荐
周排行