如何增加输入字段的宽度？

Question

我正在尝试增加my website上输入字段的宽度。

这就是它的外观

这就是我希望它看起来的方式

但是css fix正在增加它的大小。请指导。

.searchform span .s {
padding: 6px;
width: 135px;
background: none;
float: left;
font: bold 13px Arial, Helvetica, sans-serif;
}

Answer 1

增加width中的span.near。

span.near {
    width: 172px;
    background: url('images/nearbg.png') no-repeat scroll left top transparent;
}

Answer 2

您需要编辑这一行CSS：

span.near {
background: url("images/nearbg.png") no-repeat scroll left top transparent;
width: 122px; <---INCREASE THIS
}

我认为它位于CSS文件的第99行

Answer 3

您需要更改span.near上的宽度。

span.near {
    width: 189px;
}

然后，您将获得输入之外的按钮。 189px宽度是在它打破新线之前可以设置的最大宽度

Answer 4

您可以编写或定义宽度，如下所示： -

 width: 135px !important;

或者您可以添加一个类似textWidth的类，如下所示： -

 .textWidth{
      width: 135px !important;

   }