在input 后边加上图标
您好!如果您想在"input"后面加上图标,您可以使用HTML和CSS来实现。以下是一个示例代码:
HTML代码:
<div class="input-container">
<input type="text" class="input">
<i class="icon"></i>
</div>
CSS代码:
.input-container {
position: relative;
}
.input {
padding-right: 25px; /* 为图标留出空间 */
}
.icon {
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%);
/* 添加您想要的图标样式,例如:
background-image: url("your-icon.png");
background-size: cover;
width: 20px;
height: 20px;
*/
}
您可以根据需要修改图标的样式和位置,并将"your-icon.png"替换为您希望使用的图标的路径。希望这可以帮助到您
原文地址: https://www.cveoy.top/t/topic/iCLj 著作权归作者所有。请勿转载和采集!