字体对input的影响
<html>
<head>
<meta charset="UTF-8">
</head>
<style type="text/css">
input{
background: #EAEEF1;
border: 2px solid #EAEEF1;
color: #666666;
font-family: ‘Open Sans‘, sans-serif;
}
</style>
<body>
<input type="text"/>
</body>
</html>
效果：
<html>
<head>
<meta charset="UTF-8">
</head>
<style type="text/css">
input{
background: #EAEEF1;
border: 2px solid #EAEEF1;
color: #666666;
font-family: "华文行楷";
}
</style>
<body>
<input type="text"/>
</body>
</html>
效果：
一个看起来还行的input输入框
<html>
<head>
<meta charset="UTF-8">
</head>
<style type="text/css">
input{
background: #EAEEF1;
border: 2px solid #EAEEF1;
color: #666666;
font-size: 1.1em;
font-family: ‘Open Sans‘, sans-serif;
}
input:hover {
background: #fff;
border: 2px solid #609EC3;
outline: none;
}
</style>
<body>
<input type="text"/>
</body>
</html>
时间： 2024-10-29 19:09:44