CSS输入超过img

Question

我正在尝试制作一个搜索输入栏，我不希望文字在img

下

我希望它自动像这样。：0

Answer 1

您可以添加：

input {text-indent: 20px;}

Answer 2

input {
    width: 50%;
    padding-left: 50px;

    /* Makes it not affect width */
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

这使得它不会影响宽度，但仍会添加填充

使用text-indent几乎完全相同，您仍然需要：

Fiddle: text-indent

Fiddle: padding

UPDATE: Fixed Fiddle