如何在输入域内右对齐图像？

Question

如何在输入字段内右对齐JPEG图像？

.input-field {  
    background: #fff url("../images/search.jpg") no-repeat; 
}

默认情况下，图像左对齐。

Answer 1

只需添加＆＃34;对＆＃34;

.input-field {  
    background: #fff url("../images/search.jpg") no-repeat right; 
}

有关背景位置的更多信息：http://www.w3schools.com/cssref/pr_background-position.asp

Answer 2

使用背景位置： http://www.w3schools.com/cssref/pr_background-position.asp

.input-field {  
    background: #fff url("../images/search.jpg") no-repeat;
    background-position: right center;
}

Answer 3

您还可以指定位置（以像素为单位）或百分比

background-position：20px center;