cakephp表单选择框中的样式错误
我有这个密码。我的问题是选择菜单上没有应用任何样式。但是它被应用在输入框上。我做错什么了吗 HTML HTML输出cakephp表单选择框中的样式错误,php,css,cakephp,css-selectors,Php,Css,Cakephp,Css Selectors,我有这个密码。我的问题是选择菜单上没有应用任何样式。但是它被应用在输入框上。我做错什么了吗 HTML HTML输出 名称 性别 男性 女性 谢谢正确的选择器是选择,而不是[type=select] 为input元素保留的选择器样式(例如input[type=email],input[type=text])可能会帮助您获得css for下拉列表。正如Ross所说,select被用作选择器,为选择框提供一些UI增强功能 必须帮助您了解可用于表单元素的css选择器。还有。注册。个人表单输入[typ
名称
性别
男性
女性
谢谢正确的选择器是
选择
,而不是[type=select]
为input
元素保留的选择器样式(例如input[type=email],input[type=text]
)可能会帮助您获得css for下拉列表。正如Ross所说,select
被用作选择器,为选择框提供一些UI增强功能
必须帮助您了解可用于表单元素的css选择器。还有
。注册。个人表单输入[type=text],[type=select]
过于繁琐,在极端情况下会降低页面速度。注册[输入[type=text]
就足够了。
<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>
.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;
}
<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>