input框内行头文字

A仔979

已于 2022-04-07 00:05:47 修改

阅读量355

点赞数

分类专栏： vue组件文章标签： vue.js 前端

于 2022-04-06 23:27:40 首次发布

本文链接：https://blog.csdn.net/qq_62336448/article/details/124003173

版权

vue组件专栏收录该内容

7 篇文章 0 订阅

订阅专栏

代码：html

<div id="inputBox">
    <label id="inputTitle">姓名：</label>
    <input id="inputBorder" />
</div>

css

#inputBox{
    position:absolute;
    left:120vh;
    top:22px;
    display: inline-block;
}
#inputTitle{
    position: absolute;
    top:12px;
    font-size:15px
}
#inputBorder{
    height:40px;
    text-indent:3em;
    /* filter:opacity(0.1); */
    background: transparent;
    outline-style:none;
    border: 2px solid #ee7800;
    border-radius:3px;
}