html - cakephp CSS问题

Question

我有一个 ctp 文件，我的代码是:--

<table>
    <tr>
        <td width="50%"><?php echo $this->Form->input('first_name'); ?></td>
        <td><?php echo $this->Form->input('middle_initial'); ?></td>
    </tr>
    <tr>
        <td><?php echo $this->Form->input('last_name'); ?></td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>
            <table>
                <tr><td colspan="3">Phone Number</td></tr>
                <tr>
                    <td><?php echo $this->Form->input('phone1', array('label' => false, 'type'=>'text','id' =>'phone1', 'maxlength' => 3)); ?></td>
                    <td><?php echo $this->Form->input('phone2', array('label' => false, 'type'=>'text','id' =>'phone2','maxlength' => 3)); ?></td>
                    <td><?php echo $this->Form->input('phone3', array('label' => false,'type'=>'text', 'id' =>'phone3','maxlength' => 4)); ?></td>
                </tr>
            </table>
        </td>
        <td>&nbsp;</td>
    </tr>
</table>

在我的 CSS 中:-

.contentWrp .input input{ height: 20px; width: 200px; border: 1px solid #12192c; font-size: 14px;}

但是正如您在图像上看到的那样，它对文本框使用了不同的 css。即使我试图在我的 ctp (html) 文件中为此提供通用的 css，但它需要不同的 css..

帮帮我!

Answer 1

CakePHP 的 $this->Form->input(...) 在输入控件周围生成自己的 html 包装器，并且在默认安装中还包含一个为其设置样式的 css 文件。您应该首先尝试删除默认的 CakePHP css 文件或查看生成的 html 的源代码并相应地修改您的 css 选择器。

希望这对您有所帮助。