小编chi*_*ron的帖子

在下面的示例中:

我希望文本框填充所有可用空间.问题是下拉宽度无法修复,因为它的元素不是静态的.我想用css解决这个问题(如果可能的话,没有javascript).

我已经尝试过提出类似问题的解决方案,没有任何运气:(

这是小提琴:http://jsfiddle.net/ruben_diaz/cAHb8/

这是html:

<div id="form_wrapper">
    <form accept-charset="UTF-8" action="/some_action" method="post">
        <span class="category_dropdown_container">
            <select class="chosen chzn-done" name="question[category_id]" id="selQJK">
                <option value="1">General</option>
                <option value="2">Fruits</option>
                <option value="3">Ice Creams</option>
                <option value="4">Candy</option>
            </select>
        </span>
        <span class="resizable_text_box">
            <input id="question_text_box" name="question[what]" placeholder="Write a query..." type="text" />
        </span>
        <input name="commit" type="submit" value="Ask!" />
    </form>
</div>

在这里css:

#form_wrapper {
    border: 1px solid blue;
    width: 600px;
    padding: 5px;
}
form {
    display: inline-block;
    width: 100%;
}
.category_dropdown_container {
}
.resizable_text_box {
    border: 1px solid red;
}
input[type="text"] …

在这样一行:

something "one!", "and two", "and three", "and more"

我应该如何使用命令ci"替换"和三个"？

我尝试了一些没有运气的组合组合.