css - cakephp、ケーキフォームにカスタムスタイルを与える

Question

CakePHP でフォームの基本的なスタイリングを上書きするにはどうすればよいですか? デフォルトではフォームの幅が 40% に制限されていると思いますが、フォームの 1 つを 100% にする必要があります。

このような方法がありますか？

<?php echo $this->Form->create('Quote', array('novalidate' => true, 'div' => array('class' => 'div-class'), 'before' => '<div class="quotes-form">', 'after' => '</div>')); ?>

Answer 1

これを行う方法はいくらでもあります。

1つの方法は、あなたがしていることをすることです。もう 1 つは、それを気にせず、Cake のデフォルト css を直接編集するだけで、すべてのフォームが希望どおりにスタイルされるようにすることです。

アップデート：

次のように実行できます。

<div class="quotes-form">
    <?php echo $this->Form->create('Quote', array('novalidate' => true, 'div' => array('class' => 'div-class'))); ?>
    <?php // rest of your form elements go here ?>
</div>

次に、CSSは次のようになります

.quotes-form form {
    background: red;
}