文章来源地址https://www.toymoban.com/news/detail-454432.html
<div class="search">
<img src="@/assets/tools/search.svg" />
<input placeholder="搜索" @input="onSearch" v-model="searchValue" />
</div>
.search {
height: 32px;
width: 204px;
display: flex;
background: rgba(0, 0, 0, 0.2);
border: 1px solid #888888;
border-radius: 16px;
margin: 10px;
justify-content: center;
input {
background: transparent;
border: none;
color: #fff;
padding: 0 10px;
width: 100%;
outline: none;
font-size: 14px;
}
input::-webkit-input-placeholder {
color: #dddddd;
}
}
文章来源:https://www.toymoban.com/news/detail-454432.html
到了这里,关于【CSS】写一个原生的透明 input 标签输入框的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!