0

我在表单上使用当前的 uniformjs 库和引导程序。使用库，选择框得到了很好的设计：

<div class="control-group">
<label class="control-label">Some Label:</label><div class="controls">
    <select class="uni_style">
        <option>Lorem ipsum dolor sit amet amet, lorem ipsum</option>
        <option>Lorem ipsum dolor sit amet</option>
        <option>Lorem ipsum dolor sit amet</option>
        <option>Lorem ipsum dolor sit amet</option>
        <option>Lorem ipsum dolor sit amet</option>
    </select>
    <img src="../img/bullet_red.png"/>
</div>

目前我的问题是 bullet_red 将在新行中呈现，但我想让子弹在同一行。

几次尝试后，我需要一些帮助。我试过：

  • 在图像上显示内联
  • 改变 div.uni-selector 的样式
  • 改变 div.uni-selector span 的样式

有没有人可以解决这个问题？

在此处输入图像描述

4

2 回答 2

0

您可以将 select 和 img 元素包装在 div 中，并将两个元素向左浮动，如下例所示：

<div class="control-group">
<label class="control-label">Some Label:</label><div class="controls">
    <div>
        <select style='float:left;' class="uni_style">
            <option>Lorem ipsum dolor sit amet amet, lorem ipsum</option>
            <option>Lorem ipsum dolor sit amet</option>
            <option>Lorem ipsum dolor sit amet</option>
            <option>Lorem ipsum dolor sit amet</option>
            <option>Lorem ipsum dolor sit amet</option>
        </select>
        <img style='float:left;'src="../img/bullet_red.png"/>
    </div>
</div>

http://jsfiddle.net/mpHug/2/

于 2013-02-12T10:27:11.177 回答
0

从另一个来源获得解决方案：

我需要这种风格：

div.reqselect {display:inline-block; vertical-align:middle; margin-bottom: 0;}

然后我需要将类加上原始类添加到统一初始化中

$(".uni_style").uniform({
selectClass: 'uni-selector reqselect',});
于 2013-02-13T08:17:01.727 回答