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

この投稿は、ドロップダウンリストのCSSを取得するのに役立つ場合があります。ロスが言っselectたように、ボックスを選択するためのいくつかのUI拡張機能を提供するためのセレクターとして使用されます。

このチュートリアルは、フォーム要素で使用できるcssセレクターを理解するのに役立つ必要があります。

于 2012-07-26T17:08:35.203 に答える
1

正しいセレクターはselectではなく[type=select]です。

input要素用に予約されたセレクターのスタイル(例: input[type=email], input[type=text])

于 2012-07-26T15:34:10.993 に答える