自舉 - 設置輸入控制（一個或多個）輸入組

我上的要求工作，其中輸入組包含通過輸入基團的附加分離的兩個文本框內部尺寸。我面臨的問題是我無法使用bootstrap css設置文本框的寬度。第一個文本框應該比第二個文本框寬。自舉 - 設置輸入控制（一個或多個）輸入組

的jsfiddle：https://jsfiddle.net/Vimalan/5eqdkveb/3/

電流：

之前和分隔符之後是同樣大小的文本框。

預計：

分隔符之後的文本要小。我更感興趣的是使用bootstrap css而不是自定義css的解決方案。

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 

 
<div class="form-horizontal"> 
 
    <div class="form-group"> 
 
    <label class="col-xs-3 control-label">Approval Number</label> 
 
    <div class="col-xs-9"> 
 
     <div class="input-group"> 
 
     <input type="text" class="form-control input-sm" id="ApprovalNumberTextBox" /> 
 
     <span class="input-group-addon">Delimiter</span> 
 
     <input type="text" class="form-control input-sm" id="ApprovalNumberDelimiterTextBox" /> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

來源

2016-09-17 Vimalan Jaya Ganesh

我不明白你爲什麼不能設置文本框的寬度？您可以CSS規則簡單地添加到您想要並設置其寬度的輸入，像

<style> 
    #ApprovalNumberDelimiterTextBox { 
     width:40%; 
    } 
</style>

，它是工作 Here，或有其它問題，我不明白？

來源

2016-09-17 23:18:51

我很抱歉，我本來應該更具體。我正在尋找一個沒有自定義CSS的解決方案。我剛剛更新了期望部分。 –

自舉 - 設置輸入控制（一個或多個）輸入組

回答

相關問題