如何将边距添加到背景图像到文本框？

问题描述：

这是我的风格，背景图片添加到文本框，我使用jQuery UI的日期选择器如何将边距添加到背景图像到文本框？

background: url("../Images/DatePicker.png") no-repeat scroll right center white;

，但我想设置RightMargin设为文本框的边框，我怎么能设置在后台保证金？

enter image description here

答

您可以使用background-position设置此。使用余量将影响整个包含元素。在你设定的速记background属性中，它是倒数第二个值。另外，严格来说应该先设置background-color属性。试试这个：

background: white url("../Images/DatePicker.png") no-repeat scroll 35px center;

这将从包含元素的左边缘定位背景图像35px。您可能需要修改价值 - 我刚刚猜到了。

它在任何分辨率的电脑上工作？因为我在％ – ALAN 2013-02-09 13:15:50

中设置了文本框您可以将背景位置设置为总宽度的百分比。尝试'70％' – 2013-02-09 13:20:41

background：white url（“../ Images/DatePicker.png”）no-repeat scroll 70％center;} ==>它不起作用 – ALAN 2013-02-09 13:26:39