字体对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>