##やりたいこと・現状
cakephp3のformヘルパーで生成したhtml要素のレイアウトを変更したいです。
そのために、各要素にid及びclassを指定して、cssからレイアウトを変更しています。
ですが、idやclassの指定ができていません。
##コード
login.ctp
1<?= $this->Form->create() ?> 2 <fieldset id="login-form"> 3 <p id="login-firstMessage">please enter your username and password</p> 4 <?= $this->Form->control('username',['label' => 'mail or ID'], ['class'=>'login-inputBox'], ['id'=>'login-username']) ?> 5 <?= $this->Form->control('password',['label' => 'password'], ['class'=>'login-inputBox'], ['id'=>'login-password']) ?> 6 <?= $this->Form->button('login'); ?> 7 </fieldset> 8<?= $this->Form->end() ?>
ここで指定しているidとclassで次のようにcssでレイアウトを変更しています。
#login-form{ //効く margin-top: 128px; border: 1px solid red; width: 480px; height: 480px; padding: 0; } .login-inputBox{ //効かない border: 1px solid red; } .login-inputBox label{ //効かない width: 100px; float: left; margin: 10px; } #login-username{ color: red;//効かない }
また、googleChromeでの検証結果で#login-usernameが#input text、#login-passwordが#input passwordのように指定されていることが分かりました。
どのように、idとclassを指定すればよいでしょうか?
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。