0

我有这个代码。我的问题是选择菜单上没有应用任何样式。但它被应用于输入框。我在这里做错什么了吗？

HTML

<div class="signup">
<div class="personal">
<?php
echo $this->Form->create('User',array('/users/signup'));
echo $this->Form->input('name');
$options = array('m'=>'Male','f'=>'Female');
echo $this->Form->input('gender', array( 'options'=>$options,'type'=>'select', 'label'=>'Gender'));
echo $this->Form->submit('Sign up');
echo $this->Form->end();
?>
</div>
</div>

CSS

.signup{
 /* class style */
}

.signup .personal form input[type=text],[type=select]{
border: 1px solid #cacaca;
border-radius: 2px;
font: 12px arial;
height: 20px;
width: 150px;
}

HTML 输出

<div class="signup">
    <div class="personal">
        <form action="/appraisal/users/signup" /users/signup="/users/signup" id="UserSignupForm" method="post" accept-charset="utf-8">
            <div style="display:none;">
                <input type="hidden" name="_method" value="POST"/>
            </div>
            <div class="input text">
                <label for="UserName">Name</label>
                <input name="data[User][name]" type="text" id="UserName"/>
            </div>
            <div class="input select">
                <label for="UserGender">Gender</label>
                <select name="data[User][gender]" id="UserGender">
                    <option value="m">Male</option>
                    <option value="f">Female</option>
                </select>
            </div>
            <div class="submit">
                <input  type="submit" value="Sign up"/>
            </div>
        </form>
    </div>
</div>

谢谢

4

2 回答 2

1

正确的选择器是select，不是[type=select]。

为元素保留的那种选择器样式input（例如input[type=email], input[type=text]）

于 2012-07-26T15:34:10.993 回答
1

这篇文章可能会帮助您获得下拉列表的 CSS。正如罗斯所说，select它被用作选择器来为选择框提供一些 UI 增强功能。

本教程必须帮助您了解可用于表单元素的 css 选择器。

于 2012-07-26T17:08:35.203 回答