原生CSS input样式美化

黄钟飞

已于 2022-02-15 16:58:41 修改

阅读量6k

点赞数 4

分类专栏： H5 文章标签： css css3 前端

于 2022-02-15 14:10:39 首次发布

本文链接：https://blog.csdn.net/qq_41387882/article/details/122943446

版权

H5 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

原生input框美化

input {
    outline-style: none;
    border: 1px solid #c0c4cc;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    padding: 0;
    padding: 10px 15px;
    box-sizing: border-box;
    font-family: "Microsoft soft";
    &:focus {
        border-color: #f07b00;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px
                rgba(0, 0, 0, 0.075),
            #f07b00;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
            #f07b00;
    }
}