css - 使搜索栏更宽

Question

我正在努力扩大 this 上的搜索栏网站，但我不知道该怎么做。这是代码，

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

请指导我如何扩大搜索范围，如下图所示，

Answer 1

在.searchform span .s中，添加:

width: calc(100% - 20px);

然后在 span.searchfor 上扩展你的背景图片以适应。