输入填充剩余空间

我有代码：输入填充剩余空间

<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的任何其他解决方案都不起作用。我必须做什么？

来源

2014-04-18 Albert221

输入属性是你寻找类似[这]（http://stackoverflow.com/a/19022840/1542290）？ –

是的，但我不能修改我的代码。也许这是不可行的，因为在我填补这一点是在左边。 – Albert221

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

尝试修改。选择游戏的选择和这样

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

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

来源

2014-04-18 17:58:01 katzkode

输入填充剩余空间

回答

相关问题