輸入填充剩餘空間

我有代碼：輸入填充剩餘空間

<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

輸入填充剩餘空間

回答

相關問題