输入填充剩余空间

Question

我有那段代码：

<form class="choose-game" action="?" method="get">
    <fieldset>
        <select name="game" id="game" required>
            <option value="battlefield 4">Battlefield 4</option>
            <option value="call of duty ghosts">Call Of Duty: Ghosts</option>
            <option value="fifa 2014">FIFA 2014</option>
            <option value="league of legends">League of Legends</option>
            <option value="need for speed rivals">Need For Speed: Rivals</option>
        </select>
        <input type="submit" value="Wybierz">
    </fieldset>
</form>

JSFiddle，但我想输入填充字段集中的剩余空格（除了空格）。 StackOverflow中的任何其他解决方案都不起作用。我必须做什么？

Answer 1

如果您可以将选择框的宽度设置为百分比，则可以让输入填充剩余的宽度。您还必须浮动输入并选择左侧。

尝试修改.choose-game选择和输入属性，如

.choose-game select { width:20%; float:left }

.choose-game input[type="submit"] { 
    background-color: #3498db; color: #fff; cursor:   pointer; width:80%; float:left;
}