html - 如何为文本框设置固定宽度，使其不受 padding-left 变化值的影响？

Question

我想将一个图像放在一个文本框中，该文本框与一些 padding-left 值左对齐。为此，我在 CSS 中使用了 background-image 和 background-position 属性。放置哪张图像由第三个值决定，图像的宽度不同。

我的第二个要求是文本框中的文本应该在图像结束后以 4px 的间隙显示。由于图像宽度不同，文本框宽度也不同。我想保持固定宽度。

我尝试使用 text-indent 属性而不是 padding-left 放置:

text-indent : 40px;

text-indent 帮助我保持宽度固定，但是当我在文本框中单击时，它会在文本框的最开始处显示光标(2px)。

我该怎么做？我应该使用哪些 CSS 属性？

Answer 1

我不完全确定你在问什么，但据我所知，你似乎需要 CSS 宽度属性？

.myInput
{
   background: white url(images/smiley.png) center left no-repeat;
   padding-left:18px;
   width: 120px; /* Fixed outside bounds width of the text input*/
}