input text 字体的影响

最新推荐文章于 2023-07-14 17:37:26 发布

weixin_34262482

最新推荐文章于 2023-07-14 17:37:26 发布

阅读量76

点赞数

原文链接：http://www.cnblogs.com/ghgyj/p/4039289.html

版权

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

转载于:https://www.cnblogs.com/ghgyj/p/4039289.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34262482

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
input text 字体的影响

字体对input的影响<html><head><meta charset="UTF-8"></head><style type="text/css">input{ background: #EAEEF1; border: 2px solid #EAEEF1; color: #666...
复制链接

扫一扫