在input中右边加上一个图标的css样式

要在输入框右边加上一个图标，可以使用CSS中的伪元素(:after或:before)来实现。以下是一个示例代码：

<div class="input-container">
  <input type="text" placeholder="请输入内容">
</div>

.input-container {
  position: relative;
}

input {
  padding-right: 30px; /* 留出位置放置图标 */
}

.input-container::after {
  content: url("your_icon.png"); /* 图标的路径 */
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}

这里使用了相对定位和绝对定位来让伪元素与输入框对齐，并使用了transform属性来使图标垂直居中。可以根据需要调整位置和大小。