将背景图像放在右边,边框为10像素边距

时间:2016-08-12 12:38:10

标签: html css css3

我正在尝试插入结帐按钮的背景图片我使用以下代码将背景图像移动到右侧。

HTML

<button type="submit" class="single_add_to_cart_button button alt disabled wc-variation-selection-needed">Add to basket</button>

css

.woocommerce div.product form.cart .button {
    width: 100%;
    margin-top: 1px;
    float: right;
    height: 48px;
    background-image: url(https://finnandsawyers.com/wp-content/themes/DiviSpace_14th_Feb_13_30/plus.png);
    background-position: 150px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 370px 15px;
    cursor: pointer;
}

我正在寻找一种方法,将背景图像放在右侧,10px边距到右边框,目前它没有响应。

1 个答案:

答案 0 :(得分:0)

感谢您对@chirag和Andrew的评论。

您的评论确实帮助我解决了这个问题。

以下代码解决了我的问题。

background-position: 95% 50%;