如何更改输入字段的边框长度？

Question

我的输入字段中有图像和边框，我希望图像下方没有边框。有任何想法吗？图像应在边框之后但在输入字段内

<input type="text" />

input{
    border-bottom: 1px solid red;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: right;
}

Answer 1

border-bottom和border-top获取其为边框的元素的width。

更改width的{​​{1}}应更改input的{​​{1}}。

Here it is in action.

您可以更改CSS中的width以查看更改的长度。