zoukankan      html  css  js  c++  java
  • input text 字体的影响

    字体对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>
  • 相关阅读:
    jQuery的面试题
    DOM面试题
    JavaScript高级
    Bootstrap面试题
    ajax面试题
    CSS3面试题
    MySQL的列约束
    MySQL数据库介绍
    java数据类型之间的转换
    java中变量和标识符名命名规范
  • 原文地址:https://www.cnblogs.com/ghgyj/p/4039289.html
Copyright © 2011-2022 走看看