Html 在类之后定位图像

我正在使用一个类来设置一些文本的样式，我想在类之后放置一个图像（在文本的右侧），很明显！，我在挣扎。这是我到目前为止得到的

<a href="#" class="tickbutton">Check your eligibility and apply now!</a>

.tickbutton {
  color: #fff;
  font-size: 15px;
  background: #5460ac url(../../images/tick.png) no-repeat right;
background-position:150% 50%;
  border: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  padding: 10px 16px;
  margin-bottom: 18px;
  display: inline-block;
width:auto;
}

.滴答声按钮{
颜色：#fff；
字体大小：15px；
背景：#5460ac url（../../images/tick.png）无重复右键；
背景位置：150%50%；
边界：无；
边界半径：6px；
-webkit边界半径：6px；
-moz边界半径：6px；
填充：10px 16px；
边缘底部：18px；
显示：内联块；
宽度：自动；
}

这会将图像（一个透明的记号）放在容器中，我想将它放在右边。我尝试过使用tickbutton:after，但它仍然继承了背景色，所以它“看起来”仍然在容器中

这可行吗

谢谢，

---

Craig

您是否尝试更改背景位置值并查看其位置？您是否尝试过在使用tickbutton:after时覆盖背景颜色？您的意思是？比您需要使用的

背景位置：-1 0

并添加图像的

右侧填充

宽度+例如一些额外的空间