0

クラスを使用してテキストのスタイルを設定し、クラスの直後 (テキストの右側) に画像を配置したいのですが、明らかに苦労しています。これが私がこれまでに得たものです。

<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;
}

これにより、コンテナ内に画像(透明な目盛り)が配置されます。これをちょうど右に配置したいと思います。tickbutton:after を使用してみましたが、それはまだ背景色を継承しているため、まだコンテナー内にあるように見えます。

これは実行可能ですか?

ありがとう、クレイグ

4

0 に答える 0