选择宽度问题 [英] Chosen select width problems
本文介绍了选择宽度问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在引导站点和表中使用所选的select插件.我的问题是,如您在图片上看到的那样,每行的宽度都会更大.
I am using the chosen select plugin in a bootstrap site and in a table. My problem is, as u can see on the picture, the width will be bigger in each row.
引导程序和所选的CSS是基础.
The bootstrap and the chosen css is the basis.
页面源代码中生成的html:
The generated html in the page source:
<table class="table table-hover table-bordered list"><thead style="font-weight:bold;">
<tr class="tr_bold">
<td style="text-align: center;">ID</td>
<td class="left">Megnevezés</td>
<td style="text-align: center;">Egység</td>
<td>Bruttó ár</td>
<td>Akciós ár</td>
<td style="text-align: center;">Akciós</td>
</tr>
</thead><tbody> <tr id="sor52">
<input type="hidden" name="sav_id[]" class="sav_input" value="52" />
<td style="text-align: center;">52</td>
<td class="left"><a title="Megnyitás" style="color:#333;" target="_blank" href="https://projektar.hu/cms2/termek-szerkesztes.php?id=52">Barabás Gerecse térkő őszilomb</a></td>
<td style="text-align: center;">m2</td>
<td><input type="text" name="a[52]" value="1000" class="form-control" /></td>
<td><input type="text" name="b[52]" value="500" class="form-control" /></td>
<td style="text-align: center;">
<select name="termek_akcio[52]" class="input input-select form-control">
<option selected="selected" value="1">Igen</option><option value="0">Nem</option> </select>
</td>
</tr>
<tr id="sor117">
<input type="hidden" name="sav_id[]" class="sav_input" value="117" />
<td style="text-align: center;">117</td>
<td class="left"><a title="Megnyitás" style="color:#333;" target="_blank" href="https://projektar.hu/cms2/termek-szerkesztes.php?id=117">Barabás Patent térkő 222</a></td>
<td style="text-align: center;">m2</td>
<td><input type="text" name="a[117]" value="1000" class="form-control" /></td>
<td><input type="text" name="b[117]" value="500" class="form-control" /></td>
<td style="text-align: center;">
<select name="termek_akcio[117]" class="input input-select form-control">
<option selected="selected" value="1">Igen</option><option value="0">Nem</option> </select>
</td>
</tr>
<tr id="sor50">
<input type="hidden" name="sav_id[]" class="sav_input" value="50" />
<td style="text-align: center;">50</td>
<td class="left"><a title="Megnyitás" style="color:#333;" target="_blank" href="https://projektar.hu/cms2/termek-szerkesztes.php?id=50">Barabás Somló Trió térkő holdfény</a></td>
<td style="text-align: center;">m2</td>
<td><input type="text" name="a[50]" value="1000" class="form-control" /></td>
<td><input type="text" name="b[50]" value="500" class="form-control" /></td>
<td style="text-align: center;">
<select name="termek_akcio[50]" class="input input-select form-control">
<option selected="selected" value="1">Igen</option><option value="0">Nem</option> </select>
</td>
</tr>
</tbody></table>
如果我从选择中删除表单控件类,它将是这样的:
If i delete the form-control class from the select, it will be like this:
推荐答案
select {
width: inherit !important;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<table class="table table-hover table-bordered list"><thead style="font-weight:bold;">
<tr class="tr_bold">
<td style="text-align: center;">ID</td>
<td class="left">Megnevezés</td>
<td style="text-align: center;">Egység</td>
<td>Bruttó ár</td>
<td>Akciós ár</td>
<td style="text-align: center;">Akciós</td>
</tr>
</thead><tbody> <tr id="sor52">
<input type="hidden" name="sav_id[]" class="sav_input" value="52" />
<td style="text-align: center;">52</td>
<td class="left"><a title="Megnyitás" style="color:#333;" target="_blank" href="https://projektar.hu/cms2/termek-szerkesztes.php?id=52">Barabás Gerecse térkő őszilomb</a></td>
<td style="text-align: center;">m2</td>
<td><input type="text" name="a[52]" value="1000" class="form-control" /></td>
<td><input type="text" name="b[52]" value="500" class="form-control" /></td>
<td style="text-align: center;">
<select name="termek_akcio[52]" class="input input-select form-control">
<option selected="selected" value="1">Igen</option><option value="0">Nem</option> </select>
</td>
</tr>
<tr id="sor117">
<input type="hidden" name="sav_id[]" class="sav_input" value="117" />
<td style="text-align: center;">117</td>
<td class="left"><a title="Megnyitás" style="color:#333;" target="_blank" href="https://projektar.hu/cms2/termek-szerkesztes.php?id=117">Barabás Patent térkő 222</a></td>
<td style="text-align: center;">m2</td>
<td><input type="text" name="a[117]" value="1000" class="form-control" /></td>
<td><input type="text" name="b[117]" value="500" class="form-control" /></td>
<td style="text-align: center;">
<select name="termek_akcio[117]" class="input input-select form-control">
<option selected="selected" value="1">Igen</option><option value="0">Nem</option> </select>
</td>
</tr>
<tr id="sor50">
<input type="hidden" name="sav_id[]" class="sav_input" value="50" />
<td style="text-align: center;">50</td>
<td class="left"><a title="Megnyitás" style="color:#333;" target="_blank" href="https://projektar.hu/cms2/termek-szerkesztes.php?id=50">Barabás Somló Trió térkő holdfény</a></td>
<td style="text-align: center;">m2</td>
<td><input type="text" name="a[50]" value="1000" class="form-control" /></td>
<td><input type="text" name="b[50]" value="500" class="form-control" /></td>
<td style="text-align: center;">
<select name="termek_akcio[50]" class="input input-select form-control">
<option selected="selected" value="1">Igen</option><option value="0">Nem</option> </select>
</td>
</tr>
</tbody></table>
这篇关于选择宽度问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文